You can turn boring text elements into fun and exciting graphics using photographs of letters, digits and punctuation marks from Flickr. You can you generate your own FlickrFont text as a once-off, or you can cut and paste some code into your pages to convert any text to images, fresh each time the page loads! Perfect for spicing up headings and instant ransom notes.
Warning: This is not recommended from a usability, design, engineering or aesthetic point of view. In fact, it is so gimmicky with such garish results that I refuse to use it myself. Please think hard before inflicting this on your readers.
Cut and paste this code into your page for static FlickrFont. That means your text will always use these letters. Don't like these ones? Click "set" to roll the dice again.
Cut and paste this code into your page header for Dynamic FlickFont. That means that any elements with a class "FlickrFont" will get turned into images. Also, you can use FlickrFont as a function call. (See examples below.)
Using Dynamic FlickrFont
Examples using the element class name. You can do this to as many elements as you please.
The HTML for the image tiles of "MyString!" will be put in the myvar variable. Note that this is an asynchronous call, so you will have to write code to wait on the variable being ready.
This work is licensed under a
Creative Commons Attribution-ShareAlike 2.1 Australia License.