Long Time No sIFR

It’s been almost two years since we originally released sIFR, and predictably, the world is still not a tangible step closer to a real custom typography solution for the web. Sure there are people bringing the subject up again in W3C mailing lists and companies waxing philosophical about the typographical ecosystem, but nobody is actually doing anything measurable about it. Talking is good, and I’d hate to suppress any constructive discussions that may be going on right now, but until I see something more than a “recommendation” or a “working spec”, I will continue to shake my head and wonder when we’ll see any execution.

We had a feeling this sort of stagnation would continue when we first released sIFR, and therefore, we haven’t stopped development on it since version 1.0. Version 2.0 was the big release and current defacto “sIFR standard” in place on most sIFR-ized web sites today. The list of sites employing this solution is long and impressive. From MSNBC, to Nike, to The U.S. Navy, we estimate the number of sIFR-sized sites to be in the thousands, spanning across hundreds of countries, and serving up billions of pages views annually.

For those running sIFR 2.0 or 2.0.1, we have a minor update for you: version 2.0.2. This update fixes a bug related to the Microsoft IE Eolas update and also degrades sIFR text gracefully to HTML/CSS in the presence of the Firefox AdBlock extension. On a tiny percentage of machines running the new IE (mostly Media Centers, I believe), sometimes sIFR text would show up as a broken image. This is now fixed. Additionally, the AdBlock fix removes the biggest of what I’d consider “material” downsides to using sIFR as a typography solution. Now even your AdBlocking visitors won’t miss a beat.

Version 2.0.2 is probably the last in the 2.0 series and is available at the standard sIFR landing page: mikeindustries.com/sifr.

Version 3!

The much bigger news, however, is the release of the sIFR 3 Alpha builds by lead developer Mark Wubben (“The Dutch Wolf“). Mark was the javascript genius behind version 2 and he’s now taking over lead development in this new version. I will still be involved as “spiritual advisor” (and tester, of course), but given duties at Newsvine, I’m pulling back a bit on the development side.

Some of my favorite features implemented so far are:

  • Consistent font sizing, kerning, and leading, without the need for manual tuning
  • Sizing through CSS
  • Much better looking type, due to better anti-aliasing
  • Flash 8 text effects such as shadows
  • Easier configuration

So head on over to the first sIFR 3 Alpha article and let Mark know what you think. Or, if you’re really adventurous, you can download the nightlies.

A true solution for custom web typography will come eventually, but until that time, we will keep pushing forward with the tools we have.

Like this entry? You can follow me on Twitter here, subscribe via email here, or get the RSS feed if that's how you roll.

29 Responses:

  1. More options. Easier configuration. Shadows. Woo. Way to go guys :)
    Indeed, nothing has happened these last few years. But you did you expect anything? You’re the kind of guy that either the IE team or Mozilla team needs to hire to get support for this kind of stuff.

  2. Another nice thing about the sIFR 3 code is the use of different versions of flash. You can serve up a “low src” version for flash 7 users and a much nicer “high src” version for those who have upgraded to flash 8.

  3. Remi says:

    You guys rock :)

  4. Dave says:

    Ah a nice update to the code. Very nice Mike. Will give it a tester after the football!

  5. JesterXL says:

    Supporting Flash 8′s new font engine with downgradable Flash 7 is just great, thanks guys!

  6. Dan Mall says:

    Well done, gents! The addition of leading alone makes version 3 a 100% improvement. Will version 4 write copy for us too?

  7. sIFR-Headline-O-Generator, fun!

  8. Baxter says:

    I’d like to come up with something more insightful than “hot diggity,” but I’m drawing a blank. I’ve been using sifr since the very first releases, and will absolutely go download the nightlies.

    (Blogs nobody comes to are excellent for testing things)

  9. I’ll second the hot-diggity comment!

    SIFR is a wonderful innovation and whilst the ‘official’ web typography standardisation process might be stagnating (I’m not sure on the limitations etc so I’ll stay quiet on this) its becoming a standard through usage. I just noticed Sky TV have picked it up too.

    Good work! I’ll start playing with v3 in the morning.

  10. This is great! This is the pefect software to solve this problem, and not only that but gives you great ability as well, not to mention degrades nicely.

    btw, whats stopping the browser makers and the w3c from putting out a standard that allows us to embed fonts like we embed images into a page? sure, they could be a hefty download sometimes, but with caching and the high speed modems most of us are enjoying it shouldnt be too bad… and if copyright protection is the issue, maybe the font gets put in a browser cache somewhere that it cant get back out…

    I dont follow these discussions like you mentioned above so forgive me if this is what is already being talked about.

  11. Collin says:

    I’ve been trying to find sites to load up with sIFR all week. Easy to do when your pumping out a couple sites a week. I will share the URL’s with you as soon as any of these sites go live.

    There seems to be an issue recognizing the mouse-off on this demo page. Perhaps it’s just on my end. I look forward to giving v3 a better look later this week. For now I’ll stick with 2.0.2

    Note: Consistent sizing of fonts would be my #1 favorite feature for sure! The v2′s are like an awkward balancing act between IE and FF.. Still a good solution though. :-D

    Final note: Microsoft IE Eolas update, I assume this is the neat new feature that causes flash to be inactive until clicked upon. I would like the find the people who forced MS to add these junk and say unpleasant things to them. Then I want to shake my head knowingly in shame at the MS guys who couldn’t think of a better solution then “click to activate” appearing out of the blue on new IE6 revisions. I think aside from more transparent security updates this counts as their first real feature update to the browser since NS4 first came out. I’m not a Microsoft basher but they failed us big time with IE 5-6. This Eolas junk is just absurd!

    Oh yeah, have I mention sIFR is neato?

  12. Colin, yeah, the link issue is known to me. Not sure what is causing it, though.

  13. Bob Everland says:

    What’s been the issue with the latest Firefox? I’m not getting SIFR or your flash at the top to come through?

  14. Three cheers for Mark!

    (and a few spiritual ones for Mike ;)

  15. Have you thought about implemeting siFR (or a varient of it) with SVG with Flash fallback?

    Firefox and Opera now both render SVG natively(with Safari following soon) and so can Flash with libraries. sIFR currently requires the Flash authoring tool, where as if you used SVG it would be supporting standards, and allow you to use it, even if you don’t have a copy of Flash.

    It’s probably a bit of a pipe dream because the difficulty level is significantly higher, but for SVG enabled browsers, the experience would be much better.

    Thanks.

  16. Mike D. says:

    Kevin: I don’t have anything against SVG, but why would the experience be much better? Unrelated to that, I don’t think I’d ever implement anything that wasn’t viewable in 90% of the world’s browsers unfortunately.

  17. JesterXL says:

    You don’t need Flash. Use MTASC, SWFMill, MING, and/or hAxe.

  18. Kevin, implementing in SVG would also meanrendering the font itself in SVG, which is pretty much impossible.

  19. Mike.

    sIFR is great, but there will always be some problems inherant to using a plugin, that you’ve documented. Copy & pasting chunks of text, will always be fiddly. SVG would work inline in the HTML as if it was just plaintext. Basically, using SVG would be one step closer to native font embedding.

    I’m not suggesting an SVG only solution. Merely a solution with SVG at it’s base. Flash can read the SVG if the browser doesn’t support it natively.

    JesterXL – that is true allright about those apps.

    Mark – I’m not quite sure I understand you. SVG can handle font embedding. It’s designed to be able to render fonts.

    As I said, it probably is a pipe dream :o)

  20. Mike D. says:

    Thanks for the clarification Kevin. I could very well be wrong but I was under the impression that SVG text was treated as an “object”, pretty much exactly the same way Flash text is. I went to an SVG example page here and that appears to be the case. Text is selectable, but just like sIFR text, it’s only selectable as part of an object. I could very well be wrong on this though as I don’t follow SVG development very closely.

  21. Ahh, my bad, looks like I was wrong on this one. I assumed SVG was implemented more ‘inline’ with the webpage. Given it’s not there’s no real advantage over just using Flash. Thanks for the reply.

  22. Sounds good, will it support multiple colours & links in one heading?

  23. Jeff L says:

    Mike,

    That’s awesome – I actually just used sIFR for the first time the other day and was very impressed – I can’t believe I took so long to give it a shot. I think I was a bit wary of the Flash.

    Does anyone know of any good tutorials that show how to use sIFR without the actual Flash application? That’s the biggest setback at the moment that I see – I can put in a PO for it at work if I can convince them of the benefits of sIFR, but Flash isn’t cheap to purchase personally either….

  24. JesterXL says:

    Jeff, you don’t need all of these components, but hopefully this’ll give you a head start.

    FAMES Tutorials

  25. Looking forward to sIFR 3!

  26. Jeff L says:

    Jester,

    Thanks – a bit overwhelming as I’ve never used any of those tools or enviornments before, but it definitely looks like it can be done.

  27. Giordano says:

    Hi,
    i’ve to give you some feedbacks, if you don’t already know .. i’ve some problem with last NIGHTLIES. They don’t work with IE 6.0 (WIN).
    Thank you

  28. [...] (26.08.06): Ótimas notícias, o Mike Davidson divulgou o lançamento do sIFR 3.0 alpha, uma das novidades é a possibilidade de se utilizar filtros do Flash 8. Se você quiser testar, [...]

  29. [...] (26.08.06): Ótimas notícias, o Mike Davidson divulgou o lançamento do sIFR 3.0 alpha, uma das novidades é a possibilidade de se utilizar filtros do Flash 8. Se você quiser testar, [...]

Leave a Reply:

Shared
Solitude and Leadership:

Multitasking, in short, is not only not thinking, it impairs your ability to think.Thinking means concentrating on one thing long enough to develop an idea about it. Not learning other people’s ideas, or memorizing a body of information…

Takes a little while to get going, but overall a great article about the virtues of seeking solitude from distractions in order to develop your own original thoughts.

“I think you’ve got a pretty good imagination, despicability-wise!”

“Look Around You - Computer Games”

Can’t believe I hadn’t heard of this BBC series before. Brilliant. Make sure to watch them all. (via daringfireball)

10 New Year’s resolutions for designers:

Do you think Chelsea Clinton asks herself if her mom would understand something complex? No. Because her mom is a badass.

How Doctors Die:

If there is a state of the art of end-of-life care, it is this: death with dignity.

This is the most concise, easily understood article on the perils of end-of-like care in the United States I’ve ever read. It is a must-read, and frankly, a must-heed, in my opinion. (via kottke)

Lost Type Co-op | Browse Fonts:

A nice collection of pay-what-you-will typefaces from Tyler Galpin and Riley Cran.
How to interview a designer with the perfect design exercise:

These sorts of tests are common for engineering hires, but it’s nice to see an example of a good design-oriented one.

Jessica Hische's Lovely Blog:

Embarrassed I had never seen this until today. Lovely work all around. (via drawar)

This recently unearthed video of Steve Jobs at work during the early days of NeXT is a remarkable look inside how he ran meetings, how he created culture at his startups, and how others — like Joanna Hoffman around the 11 minute mark — called B.S. on his reality distortion field. It’s also remarkable in that it reveals Jobs to be a man who picks carrots in pressed work shirts.

The Republican Clown College by WMxdesign. These are so great. Make sure to check out the whole set.

BuiltWith: Web Technology Usage Statistics:

Sometimes when you are deciding on technologies to use on a new site (e.g. jQuery vs. YUI or MS SQL vs. MySQL) it’s instructive to examine what everyone else is doing. BuiltWith has an incredible amount of trending data to help you out in that regard. Very, very cool.

A Brief Rant on the Future of Interaction Design:

Lots of good thinking here. No solutions, but a nice reminder that two-dimensional touch interfaces are transitional, not permanent.

Stephen Colbert loses it on-air. Rivals another one of my all-time favorite Colbert on air crack-ups.