Loading fonts in header

  • Hi all,

    I have one problem that I need your help/explanation for, please.
    When loading the web page, a different font is displayed in the header for a moment instead of the one I set for the header.
    I thought setting Google Load Fonts: Default would help, but the problem still exists.
    I use Montserrat Bold font and font weight: 700.

    I then experimented a bit with various combinations, and noticed that when I choose Montserrat (not bold) and font weight:700, the problem is less pronounced.
    But again when I use Monserrat Bold + 400, the problem is there again. So I thought Bold was the problem.
    I thought I figured out the problem, so I tried Archivo Black. There was a problem with it when I put font weight: 700. So I tried only Archivo (not black) and font weight: 700 and again the problem (unlike Monserrat).

    And when I use some other fonts, which do not have their Bold version (eg Arial) + font weight: 700, the problem is less pronounced.

    Is there a solution for loading fonts and does bold affect the loading so maybe it’s a bit slower then?
    And whether the combination of Bold version of fonts + font weight 700 can affect that it is slower?

    Thank you!

    • This topic was modified 2 months, 2 weeks ago by saznajmo.
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @saznajmo,

    Disable Google fonts completely, make sure they are not loaded at all.
    Then download the desired font library and manually load it into Elementor in WOFF2 format for better performance.

    If you need more help, talk with me

    Thread Starter saznajmo

    (@saznajmo)

    Hi,

    I can’t upload custom font, I’m usinf free version of Elementor.

    Thread Starter saznajmo

    (@saznajmo)

    Hello plugin support, can you give feedback?

    I wonder if this is normal when loading a Header built with Elementor? Are there any optimal settings to prevent this and does internet speed affect loading?

    Thread Starter saznajmo

    (@saznajmo)

    Please info.

    Are System fonts faster than Google Fonts even though Google Fonts has not been shut down.

    And if possible an explanation. If I use System Fonts in Elementor for the Header, but for some parts I also use Google fonts, will it be faster again since System Fonts, even though I use Google fonts whitch are not turned off.

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.