Welcome Home.
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 { font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace; }
This uses the Monospace Code font stack from Modern Font Stacks. Because those fonts are built into everyone's browser, there's no added font to download.
And even if this doesn't reduce your page weight, doesn't the bear look a bit better in monospace? I think so.