Calvacades

Just another blog on the net

Tutorial: Cufon text
4 Nov 2011 | Comment



You might notice the font used in the above image is something extra-ordinary.. can't be found on google/webfonts, Dafont.com, or any other font websites.. so if u're interested in getting such font, the tuto is as follows:
Paste the below after the tags </body></html> :

<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.meyowa');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.h1');</script>



Notice the underlined? well, that's where your div class goes.. for example, if the div class for your chosen element is .title, replace one of the underlined CSS class with your element's div class. There is an extra bracket to be filled with a div class, notice there's an extra two underlined div class.


Note: the div class can be found between the tags <style type="text/css"> and </style> . The underlined can only be replaced with div CLASSES, not ID's.

If you don't know what's div classes and ID's, well here's a brief explanation to it:
CSS classes have a .(dot) before it. For an example .title

CSS ID's on the other side have '#' before it. For an example #title

So, if your post title is of a CSS ID, simply replace the '#' with a dot! simple :D.
about

Hi, I'm Grace and I maintain this blog with my occasional musings. Apart from writing, I like being occupied with anything artsy, I enjoy the company of books and I like unleashing my inner nerd through occasional coding. My ideal day would be holding a book in one hand, matcha in the other, ears plugged and a cat purring on my lap.

links