Hello.
I was wondering, should my desired font not render properly, what are the default fonts and priority for Enfold? I understand how to change the font in the Advanced Styling section, but I was wondering what the defaults would be should this font not render correctly on a specific device or web browser.
For example, I set the font as Roboto. What would be the next default priority fonts should Roboto not work?
Furthermore, how can I edit the default priority fonts? Is it something like below? I’d like to know how to do this for all text and not just the body.
body { font-family: Roboto; Arial; sans-serif; line-height: 150%; }
Thank you
Hey acelam714,
The default fonts are as below
'Open Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
You can change that by added custom CSS to Quick CSS section in Enfold > General Styling
body {
/* Your styles here */
font-family: 'Your-font-amily-here' ;
}
For more info please check https://kriesi.at/documentation/enfold/typography
Best regards,
Vinay
Thank you, Vinay.
To confirm, if I go to Advanced styling and set the text to Roboto, then the priority will be Roboto; ‘Open Sans’,’HelveticaNeue’,’Helvetica Neue’,Helvetica,Arial,sans-serif; by default?
Or do I have to manually set it?
body {
font-family: Roboto; ‘Open Sans’,’HelveticaNeue’,’Helvetica Neue’,Helvetica,Arial,sans-serif;
}
Hi,
Please add the CSS code to Quick CSS to change the priority :) You can remove Open Sans as it is not a common font in all systems and include the rest.
body {
font-family: Roboto; ‘Open Sans’,’HelveticaNeue’,’Helvetica Neue’,Helvetica,Arial,sans-serif;
}
Best regards,
Vinay