sans-serif
fallback, or values like -apple-system
, system-ui
, and BlinkMacSystemFont
.-apple-system
works only for newer MacOS versions (El Capitan and newer) and iOS BlinkMacSystemFont
works only for older Mac OS versions (Yosemite and older)system-ui
works for all operating systems, but there’s one notable exception: it doesn’t work in the Firefox browser. Firefox doesn’t support this value, so your text will be displayed in the default fallback which is a serif fontsans-serif
will work in all browsers and operating systems, but should be only used as fallback, because in some cases operating systems have quirks like different sans font set for web than in its interfacefont-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Oxygen, Cantarell, sans-serif;
Roboto, Ubuntu, sans-serif
will be ok for Linux distros.-apple-system
will need to be used, as the sans-serif
fallback will display Helvetica instead of San Francisco. (this is one of the quirks I mentioned earlier) Fleetwood mac oh diane download.