Home > Joomla!™ 1.5 > Using Non-web Based Fonts

Using Non-web Based Fonts

Attention: open in a new window. PrintE-mail

KC Cufón font replacement pluginOn the majority of the sites that I have built or worked on, a non-web based font is usually used for headers and special text. There are a number of different methods of using non-web based fonts on your website. In the past, I had been using sIFR, but it is slow, difficult to setup and get working. I recently came across a JavaScript alternative method called Cufón.

As Cufón is a JavaScript based solution it is faster than sIFR and I have found it much easier to setup. The Cufón project has a web-based font creation wizzard to make your Cufón font file, so you don't have to have any Flash program to create the font file, like you do with sIFR. You only need a TrueType (TTF), OpenType (OTF), Printer Font Binary (PFB) or PostScript font.

I searched the Joomla! extensions directory to see if anyone had written a plugin to use Cufón fonts on a Joomla! website. Unfortunately, I couldn't find a solution for Joomla! 1.5. I therefore wrote a plugin which will allow you to specify your Cufón font for different CSS selectors. You can find more information about this plugin: KC Cufón Font Replacment on our extensions site: www.keashly.net.

Comments

Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar manhattan pressurized walls
0
 
 
I had been using sIFR, but it is slow, difficult to setup and get working.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Laurelle
0
 
 
Hi,

I have found Cufón to be a lot easier to setup and get working than sIFR. If you follow the instruction the Cufón Project provides it is quite simple to get working.

Most of the problems that people have are because they didn't read the docmentation.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar golobal tel link
0
 
 
My questions ..while using non web based fonts aren't we playing with the performance of the websites...in terms of content optimization ? Will it leave a major effect at the time of crawling and indexing of the web pages. ?

global tel link
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Laurelle
0
 
 
Hello,

There is no doubt that using any of the non-web based font methods increases the code size and slows down the site. Cufón seems to have the least impact from my testing. Cufón does add some code bloat, but the text is still in the code for crawling and indexing the pages.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar mehmet
0
 
 
Thank you for your article.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Adrian
0
 
 
I've recently faced this problem and after some search listened to a very interesting article from which i learned that Mark Wubben and Mark Davidson, two JavaScript and Flash developers, came up with a unique technique back in 2004 of incorporating non-standard web fonts in modern-day Web 2.0 websites. Relying on a simple variable input inside a SWF file that contains an embedded font, developers can rapidly embed Flash objects instead of old, stylish images containing the desired non-web font. Cufon seems to be fine as well, so at present I'm confused which solution is better.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Laurelle
0
 
 
Hello,

The technique that you are referring to above is called sIFR. sIFR is slower and a little more trouble to setup than Cufón.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar seo company
0
 
 
How can I make my fonts downloadable to others?

Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Laurelle
0
 
 
Hello,

When using the Cufón generator, don't put anything in the domain field, leave it blank. Then your font can be used on any domain.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
How can I use that?
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Laurelle
0
 
 
Hi,

Go to http://www.keashly.net/typography/kc-cufon-font-r eplacement which will explain how to use the plugin.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Sark Aus
0
 
 
There are so many free fonts on the web why need more?
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Laurelle
0
 
 
Hello,

The purpose of the plugin is so you can use those fonts in your website. Without Cufón, sIFR or some other similar font replacement application you are not guaranteed that the visitor to your website will see the font that you want them to see, it will prbably be replaced by a web-based font like Arial or Times.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Essay Help
0
 
 
This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Promotional Products
0
 
 
Long time reader, first time commenter. Really enjoyed the post. Explained a lot of joomla issues I've been having.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar guild wars 2 gold
0
 
 
you are not guaranteed that the visitor to your website will see the font that you want them to see, it will prbably be replaced by a web-based font like Arial or Times.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Laurelle
0
 
 
Hello,

That is the whole point of using a technology like Cufón is so the user will see the font that you want them to see. Without Cufón or a similar solution, you are right the majority of users will have their font replaced by a standard web-based font. But with Cufón the user see the font you provide.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar hgag
0
 
 
Cufón seems to have the least impact from my testing. Cufón does add some code bloat, but the text is still in the code for crawling and indexing the pages.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar lawang post
0
 
 
I was very encouraged to find this site. I wanted to thank you for this special read. I definitely savored every little bit of it and I have you bookmarked to check out new stuff you post.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar USB flash drive
0
 
 
You have mentioned very important points on a non-web based font is usually used for headers and special text. I appreciate your work.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Trista Marrier
0
 
 
It’s arduous to search out educated individuals on this matter, but you sound like you understand what you’re talking about! Thanks
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Anonymous77
0
 
 
Thanks for a nice guide. The information is very essential and you presented it very clearly. I try to optimize my work as well as it is possible, that is why I follow all such posts. That is why thanks a lot for a nice explanation.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Ei...censored...a Koley
0
 
 
Above mentioned points are really very useful.
your work is very much appreciated.......
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar chales fernendes
0
 
 
I am really encouraged to find this site.your work is very much appreciated
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar Carter5643
0
 
 
Cufon is really good for using non web based fonts..I have tried it and it is the best ..


Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar edward
0
 
 
Fabulous post! I really enjoyed this informative blog. Thanks for sharing this great stuff.
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions
avatar casque dr dre
0
 
 
Can anyone recommend a Virtual Private Server that is cost effective?
Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
Cancel
ChronoComments by Joomla Professional Solutions

Please enter your comment below

Please note, all comments are reviewed before being posted. All links will be removed from comments.

Comments
Name *
Email (For verification & Replies)
Code   
Submit Comment
ChronoComments by
Joomla Professional Solutions

CMS?

A content management system (CMS) is computer software used to create, edit, manage, and publish content in a consistently organized fashion. A Web content management system is designed to simplify the publication of Web content to Web sites, in particular allowing content creators to submit content without requiring technical knowledge of HTML or the uploading of files. 1

Read more

Recommended CMS?

We specialize in Joomla!™, Drupal, and Wordpress. All of these CMSs are popular open source software and have their own strengths for different situations and website needs.

Read more

Testimonials

Laurelle is the most efficient and precise web consultant we have ever worked with. Her rates are fair, her billing practices are fair and she is very reliable. Work completed for our firm has always been of a high caliber and she has also been instrumental in identifying deficiencies in our site that we didn’t know we had. I would not hesitate to recommend her to anyone.

Salim

Read more

Website Poll?

Would you like a poll on your website? With Joomla! polls are easy!




Results

WebDeveloper News

  • Design Problem
    FOUND on a school restroom door. If you don’t turn the little latch to the right when you exit, the door automatically locks behind you, and nobody else can use...
  • Online Training to Make Sites and Apps Accessible
    ACCESSIBILITY IS LIKE the weather: everyone talks about it, but not enough of us do anything about it. Austin-based Knowbility is one of the few groups in the world with...
  • Original Hip Hop Art
    WHY THE INTERNET was invented: this single-page, no-frills website presents a trove of original, old-school hip hop party posters mainly designed by Buddy Esquire and Phase 2, and featuring legendary...
Joomla! Drupal phpBB Wordpress Gallery2 Drupal  - Open Source CMS phpBB - Open Source Bulletin Board/Forum Joomla! - Open Source CMS WordPress - Open Source Blogging CMS
PHP - MySQL - Apache - W3 Valid PHP MySQL Apache CSS Valid XHTML Valid