Custom Fonts WordPress Plugin (v 5)

Welcome to the official page of the Custom Fonts Plugin.

Download Custom Fonts plugin (sIFR)

The Plugin

sIFR is an acronym that stands for “Scalable Inman Flash Replacement” and doesn’t that sound like some real gobble-de-geek! In lay terms: It’s a technology that lets you use customized typography on your website, creating unique design options closed until now.

IF you are using WordPress, we can help you to correctly implement sIFR typesetting in your WordPress website. We offer two simple products on this page. Please note that these are flat rate prices and that means we have specific limits in this Service Offering. If you need more, we offer other personal consulting options, so feel free to contact us.

Self Service: As long as you have some skills and time… just use the sIRF Plugin for WordPress. The tricky part of this is working with specific WordPress themes. We would try to offer a guide, but the variations of themes in the wild is just too great.
Or...
We do it for you: $75
For installing a single typeface/font for a one WordPress Install using a single theme. We make it work correctly with the CSS in your current theme. For US customers, we will call you on the phone and spend the few minutes making sure that the sizes of the fonts work right with YOUR installation. Your eyeballs approve our coding tweaks. No training: We just ask you yes or no for each font element in your specific theme.
We also offer phone consulting for European customers, simply contact us for more details.

We do it for you–plus We Train You: $225
We do the installation and the configuration, then we teach you (Either by phone for US or European customers or by email for other countries) how to correctly use the plugin with ALL themes and how to further tweak it and adjust it.

The Limits of This Service Offering:

  1. You must already own the rights to use the font or it must be public domain (It is your responsibility to ensure that this condition is met)

Required to Order this Service Offering:

  1. FTP access to your server (only the plugin directory).
  2. An admin account to your WordPress install, which will be needed only for the intial tweaks and customization details.
  3. Your promise to consider contributing to the development of the plugin by donating.

Download:

  1. Download Custom Fonts v. 5 (See the changelog below)

Changelog

  1. 5 (30-December-2008) Added the option to disable it for IE, later on in this version I will add detection of other browsers and the option to change the options depending on the browser. Now removed the need to list the fonts in an array!
  2. 4 (19-October-2008) Added PDA and iPhone detection, so that it doesn't display the Custom Fonts, thus preventing compatibility issues. (Thanks to Theresa Stanton for pointing it out)
  3. 3.1 (14-September-2008) Fixed jQuery script call problem. Thanks to Ping for the tip. Also added another font to the list: Olympiques (The font used on this blog's headers (At the time of writing) )
  4. 3 (17-June-2008) A new major version has been released, with increased functionality and features. Greatly improved design, algorithms, and added advanced options, although they won't be fully functional until version 3.4
  5. 2.4 (17-June-2008) The transparent background finally does work! It was not that hard to fix, but I wasn't able to find it! But well, now it is working so no worries. As you may be able to see I've put Custom Fonts in this blog titles to test it, so you can see the transparent background working nicely!
  6. 2.3 (16-June-2008) Completely fixed bugs concerning transparent backgrounds and upgraded database structure to version 3 to allow this changes. Thanks to Gasón to point out this problems.
  7. 2.2 (16-June-2008) Minor adjustments, improved version check and transparent background issues.
  8. 2.1 (15-June-2008) Improved documentation, added a version check in the configuration page
  9. 2.0 - New Improved version: Improved Database interaction, improved design (Tabbed interface) and improved generation algorithm to save up load time (3x faster)
  10. 1.0.1 (08-May-2008) Minor database handling changes
  11. 1.0 (07-May-2008) First stable release.

Support:

Adding fonts in version 5!

Now since version 5 you no longer have to list the fonts in an array as in previous versions, simply create sIFR compliant .swf font files and add them to the fonts folder, and they will be instantly recognized!

Version 4 hasn't got any known issues. If you find any please report them

Known issues in version 3

UPDATE: This is fixed in versions 3.1 and later!
There is a repeated call to jQuery which breaks JavaScript functionality with other JavaScript dependent plugins.
To fix this issue go to the file custom_fonts.php and remove line 272. Then after line 269 add the following:

wp_enqueue_script(’jquery’);

Installation

Follow this simple guide to install:

  • Download, unzip, and upload to your server the folder `custom_fonts` to the `/wp-content/plugins/` directory.
  • Activate the plugin through the 'Plugins' menu in WordPress.
  • Go to `Design->Custom fonts` to configure it and have it working.

For Spanish talking users, you can read this full guide on the plugin, @ ceslava's blog.

Done!

Adding fonts:

You can either download the fonts from online services such as Font Smack, or create them yourselve.

New in version 5:
Add them to the folder fonts, and you are DONE, they will be automatically recognized!

Older versions:
To create your own fonts for the Custom Fonts Plugin open the main plugin file ("custom_fonts.php") and at the top, right after the license notice you'll see "//FONT ARRAY DEFINITIONS"
After a block of commented instructions on adding fonts you'll see a list of font names, all part of an array.
To add your own font add a new line to that array like so:
 
$cf_fonts[] = 'New Font Name';
 

And you are done with this part.

Now for this to work you have to add the actual font file to the fonts/ folder. To do this you are going to need Flash. If you don't have it, consider downloading already prepared fonts for sIFR.
If you have Flash, keep reading:

  • Download this , and unzip it anywhere you want. It contains all you need to create custom fonts.
  • Now right click on create_sIFR.jsfl and select edit with... whatever text editor you want.
  • At the beginning edit the location of the files (Remember to use the appropriate one, PC or Mac) both for the current folder and the fla file that goes in the zip file.
  • Now go to where it says var fonts="..." and put in that comma separated list all the fonts you want (They must be installed in your computer), and when you are done save and close the file
  • Open up Flash and click on Command->Run Command and browse to the file you just edited, click on run and if all goes well you should see all the fonts you selected on that folder. Simply upload them to your blog (wp-content/plugins/custom_fonts/sifr/fonts/) and if you have already added them to the array (See the beginning of this guide), you are done!

Bug tracking

If you have found a bug in the plugin comment here or send an email to alejandro@urbanoalvarez.es

Feature requests

If you want to request a feature comment here or send an email to alejandro@urbanoalvarez.es

Thanks for using Custom Fonts Plugin :)

67 comments

  • HomeTivi (242 days)

    You are right, everything is stored in cache, and the plugin makes sure that only the needed files are loaded, and only the needed parts are included, so it is very optimized. Still I’m working on JavaScript optimization for version 4, plus the use of the new version of sIFR, 3. I’m just waiting for it to come out of beta, so it will take a few more months.

    Thanks for using it!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Go to Top