I've been looking all over here trying to find out how to turn text into a graphic of the same text using CSS or someother HTML type method if possible. For example, "Home" would then be "Home", but in the form of a graphic. An example of what I'm talking about can be found on this site with its article titles: http://www.sbnation.com/2010/8/31/1661107/baseball-national-pastime-mlb-power-rankings-august I'm basically trying to achieve the same thing for the titles of my articles and such. Any help would be appreciated. If you could just point me in the right direction, that'd be great. I'm proficient with CSS and web design and I just need a little nudging. I'm not asking anyone on here to do this for me. Thanks.
Hi, you can use cufon text replacement. You can find some nice articles about it with google. What you need (step by step): cufon.js file, generate your custom font (there is a site for it), changing the text in your website (with javascript), and avoiding delay for msie. Hope it helps, Peter
They used this code. <script src="http://cdn0.sbnation.com/javascripts/cufon.v36d6d36e13bf59f4.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('.nofuc')('.nav-hang span')('.recent-post-tabs li a'); </script> Code (markup): In this demo here http://xhtml-valid-websites.com/demos/full-size-background-with-jquery-navigation/ I am using @import url(http://fonts.googleapis.com/css?family=Lobster); Code (markup): in my CSS file to load a font from Google.
Thanks guys...I'm going to play around with what you recommended tonight and will update you of my progress. I really appreciate it.
CUFON has some disadvantages, the text is not selectable. There are some alternatives "SIFR" This is a nice article about text replacements http://thinkclay.com/technology/cufon-sifr-flir
There are many Javascript codes available on dynamicdrive.com which can help you to fulfill the desirable text animation also....
I would like to thank you for your help. I got it all straight now thanks to the both of you. CSM, you got the ball moving for me and then jibin's link helped cement it. Major props to both of you.
To anyone reading this post looking for the same thing as I, the link above should help. Here's a post on my site where I utilized the tutorial and CSM's suggestion step for step. http://theurbantwist.com/news/2010/...-“gang-summit”-criticized-as-a-waste-of-time/
Couldn't you also use a dynamic PHP image? Basically you could create an image and add text using imagestring(). Then you can have the text recieved using $_GET[""]. Sorry if that sounds confusing, this helped me alot when I first started PHP images. http://www.thesitewizard.com/php/create-image.shtml
I just checked out the link you provided and it sounds good and all but Cufon was what I needed and it seems to be easier to implement into a wordpress site for my specific needs. But thanks anyway.