Okay
  Public Ticket #2723861
Font-display: swap
Closed

Comments

  •  4
    nereidad started the conversation

    Hello,

    I have read the public ticket: # 2329462 because I want to fix the Page Speed Insight problem: "make sure the text is visible to the user while the web fonts are loading". But in the end I have not found any solution ..

    My question is where do I have to put the "font-display" property so that google font can use it? I have installed a child theme.

    Also, I would like to load only the Google Fonts that I am using and not the entire Google Fonts package.

    Attach to this message you can find the settings for my topic on typography.

    I have also prepared everything necessary to load the fonts through the "@facefont" property directly on my server and thus avoid calls to google font servers and speed up the loading of fonts on the web, but I'm not sure if this option It is the best choice for Google Font fonts.

    My goal is to improve the loading speed of the web.


    Nerea Diaz






  •  2,962
    Andrew replied

    Hi There,

    The font-display property can be input in Salient > General Settings > CSS/Script Relates in the custom css code.

    Thanks.

  •  4
    nereidad replied

    Hi, Andrew 

    Thank you for your help, but  if I’ve installed the Child Theme isn’t better to input the code in the css style’s in the editor? 

    And the other question is how to load only the Google Fonts that I am using and not the entire Google Fonts package? Is there any good  practice for get it? 

    Sorry for my bad English. 

    Nerea Diaz 

  •  8,847
    Tahir replied

    Hey Again,

    Try using this Plugin or similar: https://wordpress.org/plugins/swap-google-font-display/ . 

    Thanks


    ThemeNectar Support Team