Recently I have been reading many books and websites about design. During this study I decided that it was time to redesign Rampant Monkey. The main source of frustration was the font selection. The old version was found long ago in a tutorial.

font: 85%/130% arial, helvetica, sans-serif;

This choice provided a readable font, but not unique or interesting. The main goal was to find a complimentary pair of fonts; one serif and one sans-serif. These fonts should also be freely (as in both beer and freedom) available. This search lead me to The League of Movable Type

Currently, The League of Movable Type consists of fifteen hand-picked open source fonts. After an extensive survey (read: I showed a few combinations to my wife), I selected League Gothic as my sans-serif and Junction as the serif font.

Now that the fonts have been selected it is time to implement. Fortunately one of the goals for The League is to provide @font-face compatible versions of each typeface.

@font-face { font-family: junction; src: url('Junction-webfont.ttf'); } @font-face { font-family: league_gothic; src: url('League_Gothic-webfont.ttf'); }

Two simple statements later the website is updated and ready to go.