Whenever I start a new project, I try to make sure I decide on a good font stack for web safe fonts. I’ll usually start at CSS Font Stack.

I like to decide on my font stack based on availability to users and CSS Font Stack has good statistics on what fonts are available at what percentages to windows and mac users.

After I’ve picked my web safe fonts, I go to Google Fonts. There’s a huge selection of fonts and one of the best features is seeing the size of the assets requested and about how long it will take to request them.

If you can get away with it, use web safe fonts. Not only will this ensure your users get consistent experiences, but it also minimizes the amount of requests your site is making for extra assets, which means lower pageload times.

Choosing the right fonts for a project for the web may seem easy, but it’s always good to make sure you go through the right process of picking fonts that provide consistent experiences.


Reference:

  1. CSS Font Stack
  2. Google Fonts

My site is free of ads and trackers. Was this post helpful to you? Why not BuyMeACoffee