Handwriting fonts on the web, how?

[sethgoochdesigns]

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.

[AshtonSanders]

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/

[Chris Coyier]

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:

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

Accessibility AND images =)

[drakecyrus19]

can i find some tutorials bout it? :geek:

[AshtonSanders]

Hehe.

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

[Author]

Posts