ELIZABETH J PYATT: January 2007 Archives

Unicode and Moveable Type CSS Tweaks


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.


About The Blog

I am a Penn State technology specialist with a degree in linguistics and have maintained the Penn State Computing with Accents page since 2000.

See Elizabeth Pyatt's Homepage (ejp10@psu.edu) for a profile.


The standard commenting utility has been disabled due to hungry spam. If you have a comment, please feel free to drop me a line at (ejp10@psu.edu).

Powered by Movable Type Pro

Recent Comments