Currently, I am using Montserrat. Even though it is licensed under Open License Font, I do not feel comfortable using it anymore, probably because it is used in over 17 million websites and is considered overused.
Another reason is that I have to load multiple font weights, as bold tags do not work as intended. A single weight is over 20kb in size (after removing unused glyphs). I want to keep my site lightweight, and good looking.
Also, after looking at motherfuckingwebsite.com and perfectmotherfuckingwebsite.com, I feel sad about loading any external fonts.
I want a sans font, and I am also using -webkit-text-stroke
with transparent fill to give some text outline effect.
What are your suggestions, fellow lemmings? What is your favourite font? Should I just stick with Liberation Sans?
So, 20kB is not that much, honestly (even considering you probably need 4*20=80kB for regular/bold/italic/bold italic). I would just set a suitable caching policy in the server software and leave it at that. Regarding fonts being overused — unfortunately pretty much all the higher-quality ones from Google Fonts are. If you find another suitable font from Google Fonts, you may not be happy for too long.
(I used to maintain a website at work that delivered 1.5MB of CSS (600kB compressed), consisting of Bootstrap, Bootstrap extras, and then the previous two designs of the website layered on top of each other. That is sad.)