Jul 10 2007
How to Add Funky Fonts to Your Joomla Site Print
Tuesday, 10 July 2007

We've had a 24-hour make-over on Alledia. Throughout today we're using the SimSun font for all headlines on the site.


Its made possible by a cool technology called sIFR (or Scalable Inman Flash Replacement), created by Mike Davidson. It solves the problem that disappoints many people when they first start designing websites - browsers only accept a limited number of fonts. Some people try to get around this obstacle by using images for text, but this technique is bad for SEO, invisible to screenreaders and difficult to change. SIFR uses Javascript and Flash to solve all those issues.


However, one thing you need to do is create a special Flash file to hold your font. In this quick tutorial we'll show you how to use sIFR on your Joomla site in 8 easy steps:

Simple Instructions to Create Cool Font Headings in Joomla

Making the Font Work with sIFR

  1. Download the OpensIFRr release from Sourcforge. Unfortunately, its only available for Macs currently. Using Windows is possible, but you'll need a copy of Flash and these instructions.
  2. Use OpensIFRr to open your font. It needs to be a True Type Font. You'll know if it is because the file extension is .ttf.
  3. Create a .swf file using OpensIFRr. It has a habit of crashing sometimes. If it does, try and convert nearly all of the characters, but don't check the "all" option.
  4. Upload your new .swf file to the mambots/system folder.

Making sIFR Work with Joomla

  1. Download the sIFR plugin from Joomla-addons.org.
  2. Install it and add the code to the bottom of your template.
  3. Change the code to reflect the color of your headlines and the name of your .swf file.
  4. Voila! Your component and content headings will now show in a snazzy new font.

Which browsers does this work with?

About the same as the number percentage as Flash itself - around 90%. PC IE 5+, Safari, Firefox, Opera 7+, Omniweb, and even Konqueror.

More Resources


Comments (5)Add Comment
Alternative source of flash fonts
written by Brian Teeman, July 11, 2007
If you dont have a Mac etc you can get any font converted here http://ianpurton.com/sifr/ free of charge.
How to change the content body...
written by Sharad, August 23, 2007
I didn't get the second step of Making sIFR Work with Joomla. Please help me how to edit the content. Whether we have to open some file to edit or it can be done in wysiwyg editor. Plz help me...
...
written by marikas, November 30, 2007
This is a shameless plug, but the ninjasifr mambot from www.ninjoomla.com is a much more advanced version of the sIFR plugin. It has both more options in the backend, and a newer version of sIFR. Whats more, it also comes as a module (mambots don't always fire on component pages, and using an sIFR module instead is the perfect workaround.

Steve, please delete this post if you deem it inappropriate.

Cheers to all.
...
written by Steve Burge, November 30, 2007
Hi Marikas

Self-promotion is always welcome if its well explained smilies/smiley.gif

Will give your plugin a try.

Steve
Thanks
written by CFA Level 1, January 13, 2008
Thanks for this useful tip. I've been searching all over for something like this. smilies/smiley.gif

Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
smaller | bigger

busy
 
Joomla SEO Club and Book Logo
Search
Login
Blog Details

Subscribe by RSS

Creative Commons License All blog articles are licensed under a Creative Commons Attribution 3.0 United States License.
Top Comment Posters
Good Web Practices
(114 comments)
Klaus Nitsche
(78 comments)
Brian Teeman
(67 comments)
Hummerbie
(35 comments)
guido
(34 comments)
Ansiklopedi
(30 comments)
Amy Stephen
(29 comments)
Yannick Gaultier
(28 comments)
Cory
(27 comments)
Anthony Olsen
(18 comments)
Blog Categories
Accessibility
Affiliates
Alledia News
Analytics
Book Reviews
Business
Design
Domain Names
Domain Tips & Tricks
Drupal
E-Commerce
Extensions of the Month
General CMS Issues
Interviews
Joomla Affiliates
Joomla 1.5
Joomla Blogs
Joomla Hacks
Joomla Hosting
Joomla News
Joomla People
Joomla SEO eBook
Joomla SEO Rankings
Joomla Sites
Joomla South East
Joomla Templates
Joomla Tips & Tricks
Joomla URLs
Open Questions
PHP
Pay Per Click
Product Reviews
Rants
Scams
Recommended Sites
Search Engine Optimization
Security
SEO
SEO Club
SEO Competition
Site Reviews
Template Clubs
Yellow Pages
Virtuemart
Vlogs
Wordpress
Translate
right