Like, the San Francisco font present in macOS and Roboto font in Android OS. They are beautiful, well optimised and exceptionally designed for modern-day, high-resolution screen usage. System fonts are first-class citizens on their OSes. Other than system fonts, all other types of font stack require some downloading by the browser. There are web-safe fonts (which are old and outdated), Web fonts (like Google Fonts and Adobe Typekit/Adobe Fonts), self-hosted web fonts and finally, system fonts. Also, read this wonderful article from on their journey of implementing system fonts. Even our beloved WordPress admin dashboard uses system fonts. To build up your confidence a bit for using system font stack on your website, take a look at some of the popular high-traffic websites - Github,, Bootstrap and Ghost. It just renders with the one it already has by default. As its already present in your OS, the web browsers or mobile browsers do not have to download any font files. As the name itself suggest "system" fonts are the default fonts used by a particular operating system. If you are looking for a way to boost your website or WordPress performance and speed, then one thing you could do without much effort (and no compromise on design) is to use system font stack.
0 Comments
Leave a Reply. |