Joy
(@joyously)
All I see is a cookie policy with spinner. (until I deleted it in Dev Tools)
The text of the headings are styled font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; so if Open Sans is not available, then some Apple fonts are tried, then a Windows font, then a generic (which could be anything depending on the user’s choice in the browser and operating system).
The trick is: is Open Sans available or not?
Thanks so much for that @joyously.
Its probably obvious that I’m a real beginner here – is there a way to set a second choice font for those users who do not have Open Sans? Would use something like Arial to get it closer at least if that was possible.
And I must say I’m surprised that “Open Sans” is not available on some browsers – would have thought it was relatively common.
Thanks again 🙂
Joy
(@joyously)
That line of CSS is the list of second choices. It’s called the font stack. The browser looks for the fonts in the order they are listed.
But some fonts are only available on Apple products or on Windows. There are very few fonts that are available everywhere.
The Open Sans font is usually loaded from Google Fonts. If your theme doesn’t load it, there is no use in listing it. The browser has to have a font file to match the font name used, or it goes to the next font in the list.
Thanks again Joy.
All of the fonts listed in the font stack for my site are sans-serif fonts….yet on some browsers/products the font that appears for my site is a serif font.
Is it surprising that the browser seems to be going ignoring all of the fonts in the for stack and using a serif font?
Joy
(@joyously)
Well, I only listed the CSS for the headings. There could be different CSS for the body text. I just looked, and in fact, the body font stack is only Open Sans. Elementor has styles saying inherit.
I’m not sure what the browser does when the font stack is only one font, with no generic. I don’t see serif specified anywhere, but the user can define sans-serif as a serif font in their browser. Did you do that?
No unfortunately I did not 🙁
Is there anyway I can add in alternative fonts to the font stack so that it will default to them instead if Open Sans isn’t available?
Joy
(@joyously)
You can always add styles that contain a more complete font stack. It looks like you have your theme styles, and your plugin styles, and something to do with an app?
But any font names you add need to have a corresponding font file, so either stick to common fonts that are on everyone’s device or add code to load another font file.
You should ask in your theme’s support forum for what’s up with the fonts.
@joyously you have been so helpful – thank you! 🙂
