Replacing header text dynamically with any font you want
Posted: Wed Feb 07, 2007 5:27 pm
Just wanted to point your attention to a solution for replacing text dynamically with any font/typeface - in headings, for instance.
For several months I've been thinking of ways to have my headings look more interesting than just using standard fonts and maybe adding an interesting background pic. It's always possible to create pictures files for the text itself, but it's a lot of work for a site with expanding content.
At 'A List Apart' I found a solution. Two scripts - php and js - turn your headings into png-pictures based on the font file (.ttf) you pick. It looks fantastic and works perfect for my needs!
You can test the solution with this link where I just added the text to be replaced directly in the url.
Here you can see it in action on my test site.
Have fun!
For several months I've been thinking of ways to have my headings look more interesting than just using standard fonts and maybe adding an interesting background pic. It's always possible to create pictures files for the text itself, but it's a lot of work for a site with expanding content.
At 'A List Apart' I found a solution. Two scripts - php and js - turn your headings into png-pictures based on the font file (.ttf) you pick. It looks fantastic and works perfect for my needs!
You can test the solution with this link where I just added the text to be replaced directly in the url.
Here you can see it in action on my test site.
Have fun!