[Resolved] System fonts and style.min.css

[nomadiceman]

If I use system fonts in the customiser, will the site look different on different operating systems? macOS, Chrome, Windows etc?

After I disabled Google fonts and selected the system fonts, I see that the style.min.css still lists fonts. Why is that?

[David]

Hi there,

thats correct – each OS will have its own system font – so the style will be different.
The only font-family styles listed in the GP Stylesheets will be for the System Stack eg.

font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

Which is what defines the System Fonts for the various browser types and relevant fallbacks.

And in addition to that is the font-family for the GP Icons

[nomadiceman]

Thanks David

So is it better to select say Helvetica in the customiser, not just system font?

[David]

Helvetica is generally only present on MacOS system or older Windows Installs.
Whereas Verdana and Arial are probably the most common – available on Windows, MacOS and iOS

[nomadiceman]

Perfect thanks

[David]

You’re welcome

[Author]

Posts