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 :)

  • #1 written by Shaunna
    about 1 year ago

    sweet – - this is nice, man!! thanks! :)

  • #2 written by dna
    about 1 year ago

    indeed thanks, this looks great. will be giving it a shot!

  • #3 written by matthäus dolibog
    about 1 year ago

    hey, this is by far the easiest and best wordpress-sifr-plugin i’ve found. i’m looking forward for v3!
    keep up the good work!

  • #4 written by alex
    about 1 year ago

    Thanks :)

  • #5 written by Matthäus Dolibog
    about 1 year ago

    now the fonts disappear completely, when i use my nextgen-gallery plugin to open images in “thickbox”. it’s similar to the lightbox-effect. (the blog fades to grey and the image is an overlay.)

  • #6 written by Matthäus Dolibog
    about 1 year ago

    i think this worked until you released 2.4, maybe this helps…

  • #7 written by Matthäus Dolibog
    about 1 year ago

    this gets really strange, sorry. ^^ now i noticed, that enabling custom fonts changes something in the section where i normally edit my blog texts. i can’t add a gallery to my pages. when i turn off the plugin, it works fine… hope you understand what i mean :D

  • #8 written by Yohan Perera
    about 1 year ago

    Hi,

    I understand everything you have mentioned. But what is this thing called “Flash”? I don’t understand?

  • #9 written by Yohan Perera
    about 1 year ago

    I am sorry bro, I got it. I don’t have it but found a link to a tool which converts normal True Type fonts into sIFR

    Thanks

  • #10 written by alex
    about 1 year ago

    Don’t worry about it man!
    If you need any help ever simply ask ;)

  • #11 written by ping
    about 1 year ago

    Hi there, nice plugin. I would love to use it, but when I enable it, the AJAX stuff in the sidebar widget setup (menu: Design > Widgets). Very big bummer. Not a plugin conflict issue as far as I can tell because it happens even if I disable all other plugins.

    Any chance of fixing that?

  • #12 written by ping
    about 1 year ago

    Hi there, I found the problem.
    You were injecting a second reference to jquery in the admin pages.
    I fixed it by removing line 272 (which injects the jquery reference)
    And added this after line 269: wp_enqueue_script(‘jquery’);

    There’s an excellent article on this:
    http://planetozh.com/blog/2008/04/how-to-load-javascript-with-your-wordpress-plugin/

  • #13 written by Moka
    about 1 year ago

    Hello Ping.

    Thanks for the help, but where can I modify this? My knowledge for codes is close to null. Would a step by step be too hard to ask?

    Also do you know if this plugin might exhaust to much of my server resources? I had some trouble with bad plugins in the past that were causing a cpu overload.

  • #14 written by ping
    about 1 year ago

    To make it easier, you can copy the code from http://www.li-ping.com/bhutan/wp-content/uploads/custom_fonts.php.txt and replace the contents of your installed copy of custom_fonts.php.

    I don’t know how resource intensive this plugin is. My blog is pretty low-key so it’s not a big problem for me.

  • #15 written by timo maas
    about 1 year ago

    hey, first of all thanks for this awesome plugin.

    i have only one problem, the font conversion script (in sifr.zip) does not work.
    i get the error that the script is not able to find the fla file. var sifrFLA = “/Users/timomaas/Desktop/sifr/sifr.fla”; (i have a mac by the way and i used this path ).

    thanks in advance.

  • #16 written by Moka
    about 1 year ago

    Thank you very much! It appears the plugin is not resource-intensive – this from the read-me file:

    ‘The sIFR javascript file is less than 10k and only loads once. Thereafter, it is pulled from the browser cache. The same applies to the sIFR Flash movies which contain your fonts. If you have five headlines on a page which all use the same custom font, the .swf is pulled once from the server and from the browser cache thereafter. sIFR Flash movies are generally between 8k and 20k depending on the complexity of the font.’

  • #17 written by alex
    about 1 year ago

    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!

  • #18 written by alex
    about 1 year ago

    Well I cannot help you there timo, the resource is external to me, and It worked when I tested it. Try contacting the author of it, look for a reference to him at the beginning of the file, I guess there will be a reference there.

    If you can’t use that automated way you could maybe just do it manually, there are a lot of tutorials online on that so I won’t go deeply into it. Email me if you have problems.

    Thanks for using it

  • #19 written by timo maas
    about 1 year ago

    ah nevermind, i’ve found a font-to-sifr conversion app for mac, the name is “OpensIFRr” it’s a klick’n'play application and really easy to use, no editing or such neccesairy.

    :)

  • #20 written by timo maas
    about 1 year ago

    oh one additional question: if i add “transparent” as background color opera shows the bg in green, i also tried to remove the # tags from the php file but i had bad luck.

    any suggestions?

  • #21 written by alex
    about 1 year ago

    There is no need to remove the # from php, its ok. Make sure you are running version 3, in which I fixed the best I could that issue.

    I didn’t test in opera, so there might be a bug… Since it works in FF and IE I guess the problem is with sIFR.

    It will be probably fixed in version 4 of this plugin, I’m implementing sIFR 3 on it, but I want to wait for the stable release.

    Thanks for reporting

  • #22 written by Matthäus Dolibog
    about 1 year ago

    hey, ping’s code solved my problems ;-) now everything works fine!
    THANKS!!!

  • #23 written by gordie
    about 1 year ago

    Hi, very useful plugin, thanks !

    But I can’t find a way to have accents with this.
    I exported accents with my swf file, but seems there is something that deals with the plugin and don’t show them correctly.

    How can I do ?

    Thanks !

  • #24 written by MacGyver
    about 1 year ago

    Great plugin. I’m very happy someone picked up the void that existed since CG-Flashytitles stopped development.

    In the new Flash Player 10 (still in beta) most SIFr implementations won’t work. This off course isn’t your fault Urbano, but it’s something I hope Adobe will fix. Otherwise SIFr itself or all plugins using it, will have to be fixed in some way.

  • #25 written by geier
    about 1 year ago

    looks great in the backend.
    But I really can´t get it to work…I tried in so many ways.
    I have a Wordpress 2.5.1 and 2.3.1
    I really can´t get this babe running – nothing changes in the frontend, tried: h1, h2, h3 …as they appear in the css. Is there some special thing I have to change in the template?

  • #26 written by alex
    about 1 year ago

    The problem might be with sIFR itself. Go to Mark Wubbens website (Google for it) and ask him, or visit their site and look at the wiki, there might be information there…

    I’ll try to do it myself, but it is hard for me since I’m on holidays right now, and I’m using the hotel’s computer…

    If you get it to work tell me what you did to put it up in the support page.
    Thanks for asking

  • #27 written by gordie
    about 1 year ago

    The answer should to be here :
    http://wiki.novemberborn.net/sifr3/Tricks

    Seems it’s a little tricky to do, i’ll tell you If I get to make it work.

  • #28 written by alex
    about 1 year ago

    I’ll try to see if using the new versions of sIFR this issue gets fixed. There shouldn’t be any problem because in case of not being able to work the plugin doesn’t add the movies, so all you see is the normal text hopefully.

    I’ll take a look at it, thanks for bringing it up.

  • #29 written by mccormicky
    about 1 year ago

    Hi thanks thanks thanks for this plugin! I am going to buy you 2 cups of coffee!.
    There’s a weird thing happening on my latest project using Custom Fonts. Everything works and looks great except when I go to the widgets panel. I can no longer use drag and drop to move selected widgets around in the sidebars. Ok, no big deal,right? I can live with that as it doesn’t really break anything in order to be able to use this plugin.

  • #30 written by mccormicky
    about 1 year ago

    oh duh. ping covered this. thanks ping!

  • #31 written by alex
    about 1 year ago

    You are welcome, and I really appreciate the compliments.
    About that issue that you mentioned, ping solved it, but in case you don’t know I’m in holiday and I can’t publish a new version of the plugin from here, but as soon as I’m back I’ll release a fix for that issue using ping’s code.

    Thanks for everything

  • #32 written by mccormicky
    about 1 year ago

    Enjoy your vacation!

    Unfortunately, I can’t buy anyone coffees with PayPal for the moment. My account got frozen due to suspicious activity! Yikes. But even though I’m sure a ton of people say they will donate I intend to as soon as I can.

  • #33 written by Taote
    about 1 year ago

    On WP 2.5.1, when Custom Fonts plugin is activated, the Add Media links disappear. I noticed it, and started to deactivated plugins after reading http://wordpress.org/support/topic/164999?replies=1, when I disabled Custom Fonts the links appear back.

    Have you noticed it?. Can you fix this?

    Thank you!

  • #34 written by Taote
    about 1 year ago

    The problem is the calling to your own jQuery, if I comment the line 270 in custom_fonts.php, everything works ok. I hope this helps.

  • #35 written by alex
    about 1 year ago

    I will put this up on the support for the plugin, on its page, the problem can be also solved by using Ping’s code, in the comments. It’s just that at the moment of programming it I didn’t realize that it might be calling it twice…

    Thanks for using it

  • #36 written by Анастасия
    about 1 year ago

    Любопытная тема, продолжайте. Иногда нахожу ответы, которые получить самой просто не хватает времени. Благодарю!

  • #37 written by Jonahcoyote
    about 1 year ago

    Hi everyone,

    Thanks for the awesome plugin! Has anyone else noticed an issue with sIFR not working properly in Firefox 3? I have it setup and it looks great in Safari 3 but in Firefox 3 it looks like my header is covered partially on the top and bottom. I’ve also noticed the green bg issue in Opera 9.51 when the bg is set to transparent.

    - Jonah

  • #38 written by Серый
    about 1 year ago

    Прикольно пишете, жизненно. Все-таки, для того, чтобы делать действительно интересный блог, нужно не только сообщать о чем-то, но и делать это в интересной форме:)

  • #39 written by alex
    about 1 year ago

    I am almost done with the net release of Custom Fonts, it will be probably version 4, and I am using the latest stable release of sIFR, which hopefully will have those bugs fixed.

    The design will probably stay the same, although some minor improvements might be done.

    Thanks for those notices

  • #40 written by MacGyver
    about 1 year ago

    This wil fix the sIFR display with Flash 10, I mentioned in my earlier comment:
    http://novemberborn.net/sifr/2.0.6

    p.s. you mention the technique as sIRF (instead of sIFR) multiple times.

  • #41 written by alex
    about 1 year ago

    Sorry for the misspelled word, I didn’t realize.

    I’ll try to find some time to change the version of sIFR used, although at the moment I’m quite busy and I don’t think it will be possible…

    Probably in the course of the next weeks I might release a new version using the newest 2.x version of sIFR, since I’m not going to upgrade to sIFR 3 until it comes out of BETA.

    Thanks for everything

  • #42 written by Дек-стер
    about 1 year ago

    Автор, а у вас никто записи не ворует с сайта? А то у меня заколебали уже – копируют и копируют. И главное, что даже ссылку никто не удосужится поставить.

  • #43 written by alex
    about 1 year ago

    I’m sorry but I don’t speak Russian. If I understood your comment correctly, you are asking me if other people don’t steal my content.
    Well the answer is simple, you publish your own content, you are the first. If people like it, they read it in your site.
    All you have to do for example is threat the other person saying that you are going to sue them for copyright infringement. That will usually do.

    If you have further problems, simply ignore them, unless you actually have a registered copyright to your content like I do. If that is the case, sue them in reality, you’ll get both money and the guarantee that it won’t happen again ;)

  • #44 written by Denim
    about 1 year ago

    Hi!

    Thank´s for a really good plugin!
    I was just wondering if it is possible to apply a “a:hover” effect on links?

    //Denim

  • #45 written by alex
    about 1 year ago

    It can be done, although it is not supported by the plugin in the actual version.
    Go to sIFR documentation page, and look for the information on links, you’ll find it there.

  • #46 written by Филин Ух
    about 1 year ago

    Интересно, а комментарии которые не нравятся автору тут удаляют? :)

  • #47 written by alex
    about 1 year ago

    I’m sorry to reply in english but I can’t write in russian.
    If I understood correctly you said that I delete comments that I don’t like, well, I have never deleted a comment that was from a real person, except maybe when Akismet flagged it as spam and I didn’t realize it wasn’t, it happened a few times, but apart from that, I will never delete a comment just because it isn’t good for me.
    I am more than happy to hear good and bad feedback, and to discuss with the people who think my site is bad the reasons behind that.

    What made you say so?