"Fixing" the Trebuchet font in Blogger

And I immediately stumbled upon a little annoyance in Blogger, gosh freaking darn it.

Look, I can set the theme to "Essential Light" just fine. I can change each type of font appearing in the theme itself to Trebuchet, no big deal. As long as I do not select Trebuchet, I can also choose any font face (default or downloaded) in the Blogger Post Editor without issue.

But if I dare to select "Trebuchet" as the font in the Post Editor... Oh boy, we have issues! The font displayed is like a super skinny Times New Roman, or something serif which looks HORRIBLE and it is almost unreadable. And publishing the post fixes NOTHING.

Luckily, I already found two workarounds.

1) If I switch to "HTML view" in the Post Editor, and if I replace each occurrence of <span style="font-family: trebuchet;"> with <span style="font-family: Trebuchet MS;"> the freaking Post Editor shows the font correctly (and publishing should work fine too). But the replacing process is more easily done in an outside text editor (e.g. Visual Studio Code) and come on I do not want to do that.

2) I write inside the Editor with whichever non-Trebuchet font, and right before publishing I press Ctrl + A to select all text and change it to "default". The text in the Editor is now ruined, but both the Post Preview and the published post have the Trebuchet font in them!

NOTE: I believe workaround 2 works because I set the font inside the published post to Trebuchet in the Theme settings.

So yea, each time you see a Trebuchet post here, rembemer that I had to apply workaround 2 each time...

Comments

Popular posts from this blog

Note to self [AA-AA -> AA-AD], [AA-AA+AA -> AA-AA+AB]

The aim of this blog