Fun With Fonts

For those folks who read my blog as an RSS feed,  or those who read it with an older browser (such as Inter­net Explorer 5.0 or less, Fire­fox 2.0, Safari 1.0, or oth­ers), you won’t notice much of a change, but if you are look­ing at this page or oth­ers with a newer browser, you should be see­ing some inter­est­ing changes: mainly the fonts for the head­lines and body type. How did I do this? I’ve been play­ing with the type­kit ser­vice (www.typekit.com — if you don’t see any­thing yet, it’s because I got an early invi­ta­tion. They’ll be going live for the gen­eral pub­lic soon, I think. ), which has started  to post web fonts for those peo­ple design­ing and build­ing web sites, as well as the browsers that can see them, and they’ll be offer­ing a free account with 2 fonts on a sin­gle URL. I decided to use the font  “M+ 1c” for the head­lines and “Droid Serif” (which is actu­ally one of the fonts designed for onscreen read­ing on the Google Android OS) for the body copy.  I prob­a­bly will need to tweak some other set­tings and CSS (Com­ments and a few other items in the con­tent areas are still show­ing up in Geor­gia), but over­all, I’m intrigued with the prospect of web sites and blogs that use fonts other than the 6 or 7 that we’ve been see­ing reg­u­larly for the past 10 years or so. I hope this does catch on, as I think it could spur a renais­sance in web design. In the mean­time, it’s always a thrill to be an early adopter and catch some of this at the beginning.

Share

5 Comments

5 Comments to “Fun With Fonts”

  1. AvatarCara
    1

    Per­haps it’s my browser but I find the new type face makes the words squished and harder to read.

  2. AvatarDavid Drucker
    2
    Author Comment

    Inter­est­ing. What browser are you using? Do you think you could send me a screenshot?

  3. AvatarJan Karlsbjerg
    3

    Yeah, can’t say I’m impressed either. I’ll email you a cou­ple of screenshots.

    In IE8, the bot­tom of the dips are cut off (p, g, y, etc.). This is inde­pen­dent of text size.

    Also, I thought the rule of thumb was to use ser­ifs for body text in print, but sans serif for body text on the screen?

  4. AvatarJan Karlsbjerg
    4

    Cor­rec­tion, the IE8 cutting-off-issue IS depen­dent on text size.

  5. AvatarDavid Drucker
    5
    Author Comment

    Yeah, thanks for the shots. I guess I was so excited to get new fonts that they looked bet­ter than I admit they do now. I’ll have to try some oth­ers. I guess sans serif choices might turn out bet­ter for the body text, since this was sup­posed to be the best of the serif choices from type­kit. I wish they’d open up for every­one so I could show the dif­fer­ent types that I tried.

    Actu­ally, I had read that serif is still good for body text, both on screen and in print, because the ser­ifs help you dis­tin­guish every let­ter. Can’t remem­ber when and where I read that.

RSS feed for comments on this post. TrackBack URI

Leave a comment