About Events Capturing NextBBS: New Admin CP Preview
May 18

sIFR v2I did not invent anything.
Mike Davidson and his gang did. I even borrowed this logo from his blog.

I just found -on the web, where else?- a fairly easy method to create sIFR Flash Files without the need for Adobe Flash Studio itself. Thus, here it is: a free, dead-simple tool to help you convert as many font files as you need painlessly.
Simple? Very. Select a TrueType Font File, select which glyphs you wish to convert or [x] All if you want a big fat .swf file, click on ‘Convert’, pick a destination directory and you’re set.

If you need more information on sIFR and why it’s the greatest thing in web design since sliced images, take a look at Mike’s blurb.
Then come back and download OpensIFRr, because you will want to play with this nice concept.

Let me show you an example of a short sIFR-enabled page:

PHP
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="all.css" type="text/css" media="all" />
  4. <link rel="stylesheet" href="sIFR-screen.css" type="text/css" media="screen" />
  5. <link rel="stylesheet" href="sIFR-print.css" type="text/css" media="print" />
  6.  
  7. <script src="sifr.js" type="text/javascript"></script>
  8. <script src="sifr-addons.js" type="text/javascript"></script>
  9. </head>
  10. <body>
  11. <h1>No need to sUFFR to play with sIFR..!</h1>
  12.  
  13. <script type="text/javascript">
  14. if(typeof sIFR == "function"){
  15.     sIFR.replaceElement(named({sSelector:"body h1", sFlashSrc:"Chalkboard.swf", sColor:"#000000", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#CCCCCC", nPaddingTop:20, nPaddingBottom:20, sFlashVars:"textalign=center&offsetTop=6"}));
  16. }
  17. </script>
  18. </body>
  19. </html>

See? The Javascript two-liner is all you need to add to start using your own forms rather than the few ones your browser thinks you deserve.

Currently OpensIFRr only exists for OS X, but I could very easily offer a Windows and a Ubuntu versions as well. Let me know if you are interested.

OS X Universal

Sphere: Related Content

38 Responses to “Create your own sIFR Flash File(s)”

  1. Mike Says:

    Would love a Windows version!

  2. Kuczek Says:

    I would like also check the Windows version ;)

  3. Jürgen Says:

    I don’t have a Mac.
    I’m working on Linux and Windows, so both versions would be nice to have :)

  4. Vicne Says:

    A windows version would be welcome for sure ! Seems to be a great tool…

  5. Matt Says:

    I work on Linux and Windows… A version for one of those would be very useful until I get round to buying a Mac!

  6. SitePoint Blogs » News Wire: We’re Back! Says:

    […] Create your own sIFR Flash File(s) OpensIFRr is a free desktop application for MacOS X (for now) that will create SWF files from TrueType font files. These can can be used to produce acessible, stylish headers using Mike Davidson’s popular sIFR JavaScript library. (tags: flash javascript design software) […]

  7. John Faulds Says:

    Puts hand up for a Windows version too.

  8. admin Says:

    I am studying the Nullsoft Scriptable Engine; I should be able to release a Windows version as soon as I have it figured out. Of course, it all hinges on my virtualized XP not crashing :/

  9. Olavi Says:

    Windows version would be very nice.

  10. Brandt Says:

    Ubuntu release would be good, source code would be better ;-)

  11. David Says:

    Yeah, Windows version would be useful.

  12. Steve Says:

    Ok, maybe I’m just stupid, but where is the download?

  13. admin Says:

    Steve, simply click on the ‘Mac/Universal’ logos. I agree: it should say ‘Download!’

  14. Don Says:

    Hmm. I get the following error when trying to encode:

    “unable to run swfmill step #1: code = 255″

  15. admin Says:

    Ack. Anyone else seeing this problem? Don, are you on XP?

  16. Juan Says:

    Yes i have the same problem, some ttf are converted, others get this error. i’ve set different codings while exporting a truetype from fontographer and transtype but it just won’t work.. what exact ttf format is the sifr suppost to convert?

  17. ToniMarie Says:

    I was having trouble with unable to run swfmill but my error was step 2 not step 1. I figured out that apparently it didn’t want to encode certain characters… when I select only a-z, I’m good. That’s just for the fonts I’m working on now, anyway.

  18. ToniMarie Says:

    Yikes, I figured out which character is causing the issue… the space bar! I can’t encode a space, so really I can’t use the fonts… what a bummer.

  19. David Says:

    sIFR doesn’t seem to want to run under mac os 10.4.2 or 10.3 - shame I’d love to play with it…

  20. admin Says:

    Ah yes I mentioned that bug with swfmill in my other post; sorry, I forgot to update this one.
    David, how does it fail for you? I have never tried it on Panther but it should certainly run nicely on Tiger. I have tested it on 10.4.8.

  21. JoAnne Says:

    Other than certain characters, would there be a reason to get the error at step 1 message?

  22. GD Says:

    I tried several TTF files, all got the same Step 1 code=255 error. I even tried only selecting A-Z in caps and that still gave me the error on all fonts.

    I used the converter at http://ianpurton.com/sifr/ and it worked fine for two of the three fonts.

  23. admin Says:

    GD, JoAnne, can you give me more details regarding your configurations?

  24. Nathan Says:

    I am also receiving the error ‘unable to run swfmill step #1: code = 255′. I am using the Mac version with 10.5.1 on a 15″ MacBook Pro. I have tried several different fonts and tried limiting my selections and I continue to get the error. I checked for the source to see if I could find the error or at least look around, but was unable to find the source for download. Anyway, if you have any specific questions regarding setup and such I will do my best to answer them.

  25. admin Says:

    Well, that is something I had not thought of: I do not have Leopard setup - yet.
    Therefore all my testing is limited to Tiger.

    Can you, using the terminal, dig inside OpensIFRr.app?
    I wonder what can of display you are getting if you run ./Contents/Resources/Java/swfmill

  26. Andrea Says:

    I’ve installed OpensIFR on WinXP and I’m trying to convert the font BankGothik LT BT, but I get the error message “Unable to run swfmill step #2: code = -1″ if I select all the characters, while the encoding succeds if I deselect the space character. But obviously I need this character for my sIFR-ed titles. Why this happens?
    Andrea

  27. admin Says:

    Andrea, I believe that if you generate the whole set without the space character itself, you’re still OK as any missing character is rendered as a blank (’space’).
    This is a well-known issue with the SWF compiler, which I hope will be resolved soon.

  28. Dan Says:

    @admin: if you generate without the space, the words are all run together–no space character means no space in the output.

    I downloaded the older version of swfmill for os X (2.11), moved it into the package, and I got OpenSifr to work with some font files when I included the space character. Success seems to vary according to the ttf file being used.

  29. 3Easy Says:

    Hey Guys I don’t think it will be news to you that sIFR v3.0 has been declared stable — we are advised to update the .js file and re-output the .swf files — does this have any effect with Open-sIFR? I am planning a new set-up so will report any issues I find using sIFR3 and Open-sIFR2 here. Thanks for the Kool Tools.

  30. admin Says:

    Dan: Very interesting that an older version works(!)

    3Easy: Yes, effort to work with sIFR v3 is underway. Well, to the extent that I am researching what the best implementation would be, that is.

  31. Norbert Says:

    It’s giving Step 1 code=255 error
    only if you select the destination folder which name contains a white space character.

  32. Vince Says:

    I am quite happy to hear you’re looking into sIFR v3 intergration. I’ve been toying around with OpensIFRr and sIFR v2 (nice job, btw!), but am really looking forward to being able to make use of the new font sizing algorithm used by sIFR v3.

    Looking forward to hearing about your progress!

  33. Kawee Says:

    Thanx for the good work! I hope you’re making progress with the implementation for sIFR v3. If possible send me an e-mail when you’re ready.
    Kind regards from The Netherlands!

  34. Create your own sIFR Flash File(s). This little app lets you create a sIFR font from any TrueType font without Flash. | Futurosity Grapevine Says:

    […] Create your own sIFR Flash File(s). This little app lets you create a sIFR font from any TrueType font without Flash.   […]

  35. RK Says:

    This one drove me nuts…
    error message:
    “Unable to run swfmill step #1: code = 255″

    SOLUTION:
    Do not select a folder name with blanks (spaces) in its name!!!

    BTW:
    The java save dialog is somewhat confusing, why is it asking for a destination folder… you select one, and your are asked again to create a new one? The filename is chosen automaticly.

    CU

  36. Fabio Says:

    I had the same problem with the space character, solved downloading Windows binary 0.2.11, now it works as a charm..
    cheers and thanks for this software..

  37. Samuel deHuszar Allen Says:

    Any chance for an Ubuntu version?

  38. Tony Says:

    I did not receive the source code with my download. Can you please tell me where I can obtain the source code?

Leave a Reply