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"
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"
thanks!
Ricky
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
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
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
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 RickyHi,
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
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.
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