The good news is that Moveable Type renders text with the UTF-8 encoding by default. The bad news is that the fonts in the theme choices need some tweaking.
First, let me say I used the Movalog’s Movable Type Style Generator utility which is an excellent place to start …but yes I did have to do some manual edits in the CSS file.
The default blog font these days is Trebuchet MS which is attractive, but doesn’t include my favorite Unicode characters (like phonetic symbols). Another choice in the Themes is “Lucida Grande” which does include the right characters…but only on the Mac.
So what I did was:
1) Within the Style Generator, I selected Lucida Grande as the font choice
2) I downloaded the .css file onto my desktop
3) Within the .css file, I made sure the styles (except the banner) were set to
font-family: ‘Lucida Grande’, ‘Arial Unicode MS’, sans-serif
This pushes Windows viewers into their Unicode font, Arial Unicode MS. If you want to be really fancy, you can add other fonts like TITUS Unicode, but that’s another experiment.
4) In my blog settings, I clicked “Templates” then the link for “Stylesheet”
5) I cut and pasted the CSS code.
6) I rebuilt the Moveable Type site and so far so good.
I’m just glad Movable Type is flexible enough to let me fix the fonts as I need.

Share →

Leave a Reply

Skip to toolbar