Text in any font you want!

Web designers have been hamstrung by the extremely small number of cross-platform / cross-browser fonts available. Most of the time, if a designer wanted a special font that was not veranda, helvitica, or some generic serif type, he or she had to make a graphic of the text and place it in as an img. If the content was to be dynamic , this was impossible. In steps the talented artists and designers that are the world-class contributers to a list apart
.
Stewart Rosenberger is one of those enviable men, and he has created a really cool way to create these images on the fly using any font. Read the article here.

I have it coded so that every time I use the css class “fancytext” it displays the text in that element as a graphic using my special font. For example if I type: ...my blogs <span class="fancytext">fancy article titles</span> are created.
I get: fancy article titles.fancy article titles.

Here is another thing very cool…in the address bar, enter /heading.php?text=your text here after my url:

i.e. http://www.themainbrace.com/blog/heading.php?text=Josh%20will%20dig%20this

Removed the Fancy text for now…commenting out the js in the header template. IE was rendering the text container incorrectly (go figure). When I have more time to figure it out, I will put it back in.


Leave a Reply

You must be logged in to post a comment.