ALL-INKL.COM - Webhosting Server Hosting Domain Provider

Cufón and WordPress…

…or how you can style your blog and make a specific view available to your people.
One of the issues of HTML or generally the internet is, that HTML displays the fonts
you have installed on your computer. So if you use for example Segoe UI (delivered
with Windows Vista/Seven, a user with XP or other OS might probably not see your font.

The last two days I spent some time to fiddle around with the WP themes and their settings in the php and css-files. I wondered how the theme could give me the Rockwell font type on my computer even though I haven’t installed it.

Rockwell font type

Neato, huh? Especially the fact that you can put gradients into your typefaces aswell… No more hassle with embedding bulky graphics that have a similar effect.

Let’s look, how far we can take the gradient function…

Rockwell font type

It looks as if also Chrome effects are possible… nice to see….

And even my iPhone and Android Tab has displayed it as if it was the most common thing in the world. The only odd thing is that you cannot copy text that has been altered with Cufón.

So I started to analyze the php files that build up my blog and stumbled upon some strange tags that were nested within. Also some weird js-files were nested and when looking into them I found what I was wondering about.

Next thing I did, was to find out more about Cufón and what it does to display custom fonts with no hassle.

As the site shows. you can upload fonts to it and let Cufón convert it to a js file you can use as if it was a ttf file (ttf=TrueType font) and most common on windows boxes.

The next thing was to find a font I like and have it converted to a Cufón font type.

Great stuff if you ask me and rather simple to use if you compare it to other methods of custom font embedding which may not work on all machines aswell. But you have to carefully read what the generator is showing otherwise you may end up with incomplete typefaces or garbled glyphs. So better generate multiple js-files in advance using different settings and find the right choice for you. Also check that your font is complete as some fonts contain for example only Capitals or numbers or are missing the signs like +*/-%& etc…

The only thing is, if someone disables javascript on his machine, he might see a quite strange view. So better try to use fonts that look similar to the standard fonts installed on various machines (such as Arial, Times New Roman, Courier etc…).

I really like the change of the style and day by day it makes more fun to experiment with the theme’s settings a bit.

So if you should see some changes compared to your last visit, don’t worry… I am just experimenting ;)

If you have questions to Cufón and how to use it, visit their website:

Have a nice day

July 26, 2011 Netspark - 1592 posts - Member since: May 9th, 2011 No Comments »

Rockbottom!Very badBadAverageGoodVery goodAwesome! (No Ratings Yet)
FILED UNDER :Computer , Ideas , News
TAGGED WITH : , , , , , , ,

Leave a comment

Scroll Up