The three lines of CSS that saved me 40kb and might do the same for you

Custom fonts are a boon for usability and they can give your blog that extra bit of oomf. But fonts can really hurt performance if you're not heavy. A single font can take up 40kb or more.1 That's not a ton in a world of 3MB SPAs, but they're very much on the critical path and need to be loaded as quickly as possible to avoid your page jumping around. So cutting out as much font bandwidth as possible can make a huge difference. One of the key parts of bearblog's personality is its logo: ʕ•ᴥ•ʔ Here's the thing though: those 5 characters aren't in the base latin character set. If you're using fonts from bunny or staticdelivr,2 the fonts may very well be broken down into a latin font-face and a latin-ext font-face using the unicode-range property, so those 5 characters result in downloading the latin-ext font. Fortunately, the fix is very simple because Herman attached a class to that set of characters. So all you have to do is paste the following 3 lines into your CSS theme. .bear {…