Treehouse: Grow your CSS skills. Land your dream job.

Handwriting fonts on the web, how?

  • # December 5, 2009 at 8:37 pm

    So with the current website I’m working on it has a fun feel to it and my design includes some handwritten fonts. I got to thinking…how am I going to go about displaying these on the web. Whats the best way to handle this? I was thinking images, but if I have alot of content using this handwriting font it will slow down loading time, etc. Are there any tricks out there that you guys could share? I tried doing a quick google search but didn’t really see anything.

    # December 6, 2009 at 4:54 pm

    What you probably need is SIFR… but this is even worse on your load time than making images.

    The good part is that it will do it automatically, and the code can still be an <h2> or w/e

    Here’s the link to the wiki:
    http://wiki.novemberborn.net/sifr/

    # December 6, 2009 at 11:05 pm

    Handwriting in web design always looks best if it’s REAL handwriting, not some lame free font. So first of all, do that. Write, scan, repeat. Then you can use images with CSS image replacement:

    http://css-tricks.com/css-image-replacement/

    Accessibility AND images =)

    # December 8, 2009 at 10:38 am

    can i find some tutorials bout it? :geek:

    # December 8, 2009 at 11:11 am

    Hehe.

    Try the links above ;) It’s not "simple" but a little reading will get you a long way.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.