Many of the modern operating systems choose fonts very wisely and all have a very sleek look and feel to them. They feel just like your OS because they are using native fonts. In fact, Medium has been using them since 2015. In my personal opinion system fonts look slightly better on macOS versus Windows. System fonts: Free, look pretty darn good as they match the OS, and no download time required! They are used by, GitHub, Bootstrap, Medium, Ghost, (read their system font story), and even your WordPress dashboard.Host web fonts locally: Both free and premium options available. Still requires download time, can take advantage of a single HTTP/2 connection on cached CDN.
Providers include Google, Adobe Fonts (TypeKit), etc. However, they can be served from cached CDN.
Adds to the overall page weight of your website. Have both free and premium options available.
So today I want to show you how to use a system font stack on your WordPress site. I’ve been using system fonts for years now and love them. So I dug into the properties with Chrome Devtools and saw that they were using a system font stack. Back in 2017, I was on GitHub’s blog and was digging their font. There is always a good balance in the middle. But I also don’t think that it should or have to compromise design.