font-display: swap;

riflash
3 Posts
riflash posted this 03 March 2023
Ask a Question

How do I insert in the custom CSS:
font-display: swap;
or in the file html:

my goal is "Ensure text remains visible during webfont load"

link:
https://developer.chrome.com/docs/lighthouse/performance/font-display/?utm_source=lighthouse&utm_medium=devtools

thanks!
Ricky

How do I insert in the custom CSS: font-display: swap; or in the file html: my goal is "Ensure text remains visible during webfont load" link: https://developer.chrome.com/docs/lighthouse/performance/font-display/?utm_source=lighthouse&utm_medium=devtools thanks! Ricky
Vote to pay developers attention to this features or issue.
7 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 03 March 2023

riccardo,

You can insert the Additional CSS in the Site Settings. And you can set it for the body tag, for example, if needed.

body {
font-display: swap;
}

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

riccardo, You can insert the Additional CSS in the Site Settings. And you can set it for the body tag, for example, if needed. body { font-display: swap; } ................................................... Sincerely, Alan R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
riflash
3 Posts
riflash posted this 03 March 2023

Thank you for your prompt response!
It seems that font-display: is not supported by the Site Settings, unlike other css, font-display in the editor is colored red.

buona giornata
ricky

Thank you for your prompt response! It seems that font-display: is not supported by the Site Settings, unlike other css, font-display in the editor is colored red. buona giornata ricky
Support Team
Support Team posted this 06 March 2023

Hi,

You can try to add it anyway, it may be working fine in the actual browser after publishing.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, You can try to add it anyway, it may be working fine in the actual browser after publishing. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
riflash
3 Posts
riflash posted this 08 March 2023

I tried but unfortunately it doesn't work… have you tried?

If you have a solution could you explain me how to solve the problem?

Thank you

Ricky

I tried but unfortunately it doesn't work… have you tried? If you have a solution could you explain me how to solve the problem? Thank you Ricky
Support Team
Support Team posted this 09 March 2023

Hi,

We do not support such custom modifications, maybe the browser does not support this property. You can also try to add an !important statement to your code.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, We do not support such custom modifications, maybe the browser does not support this property. You can also try to add an !important statement to your code. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
joaopeixoto
63 Posts
joaopeixoto posted this 30 August 2023

nicepage doesn't work with "font-display:"
How hard is that? to make it work in nicepage?
It's impossible to have good SEO if you negligent this simple instrutions.

nicepage doesn't work with "font-display:" How hard is that? to make it work in nicepage? It's impossible to have good SEO if you negligent this simple instrutions.
Support Team
Support Team posted this 30 August 2023

Hello Riccardo,

@font-face {
font-display: swap !important;
}

*,
body,
html,
::before,
::after {
font-display: swap !important;
}

Please try this, this may help you.

Also, you can use this style:

font-family: "Gill Sans Extrabold", sans-serif;

CSS styles like, this will give you two or if you want more fonts, if there is a problem and the first font will not download/connect the website automatically uses the second font. for example sans-serif, roboto, or any which is most known for browsers. Also most important is to connect your custom font correctly, If you do not add font correctly, the font-display: swap; does not help you. The browser takes a second font.

Thanks for using Nicepage!
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Riccardo, @font-face { font-display: swap !important; } *, body, html, ::before, ::after { font-display: swap !important; } Please try this, this may help you. Also, you can use this style: font-family: "Gill Sans Extrabold", sans-serif; CSS styles like, this will give you two or if you want more fonts, if there is a problem and the first font will not download/connect the website automatically uses the second font. for example sans-serif, roboto, or any which is most known for browsers. Also most important is to connect your custom font correctly, If you do not add font correctly, the font-display: swap; does not help you. The browser takes a second font. Thanks for using Nicepage! ................................................... Sincerely, George. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments