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 probably shouldn't follow me on Twitter here. I recommend the RSS feed instead.

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
How 3D works, and why it's back:

Great article on the ins and outs of three dimensional imagery. Still doesn’t change my opinion that well-shot conventional cinematography is more impressive than the novelty that is Avatar.

The Importance of Removing Features:

This is one of the most useful articles I’ve read in a long time. As we work on focusing, strengthening, and simplifying Newsvine, the concepts discussed by Lukas ring true. “Saying no” has never been a strong suit of mine. It’s very helpful to remember how important of a quality it is. (via fullstopinteractive)

Newly released video of the space shuttle Challenger disaster: It was 24 years ago, I was in 5th grade, but I remember it like it was yesterday. School was stopped immediately and they wheeled out televisions in every classroom for us to watch the news footage. It’s great that this video has been released, but holy crap, how do you tuck something that away for two decades???

A nicely done british parody of 60 Minutes style video journalism. It’s easy to miss how formulaic our news is sometimes. (via B-Tizzle, originally via E-Chizzle)

Colosseo: This is why Cameron is a king and we are all just pawns in his world. I can’t wait to get my hands on this poster. I will point out, however, that the outro credits on the video need some kerning. Someone is going to lose their right hand for that.

Spezify:

New ways of searching are almost never as useful as old ways of searching. Spezify is pretty awesome though. It’s a visually interesting, never-ending, horizontally and vertically scrollable, topic explorer. I don’t think I’d use it for digging deep on anything, but to get a quick visually rich sampling of a topic, it’s quite fun (via tiff, a long time ago actually, over email).

Realism in UI Design:

Reminds me of my favorite logo design advice: “Never waste a stroke”. (via gruber)

The best hockey team intro ever: Or as Tyler says “The Alaska Nanooks are my new favorite hockey team”.

jimray:

Rachel’s right, this is the best thing ever. At least, once you get the joke. Being the old fart that I am, I had no idea why this was funny until I spent about 30 seconds figuring out what a Team Jacob was and and then it was only a matter of time before, well… it would seem this poor girl confused Pat Robertson, douchebag supreme, with teen heartthrob and Twilight “star” Robert Pattinson.

Interesting. I just assumed “switching to Team Jacob” meant converting to judaism.

AWP Express:

I have no idea if these guys are any good or not, but this is the best example of a design agency site I’ve seen in a long time. It’s clean, extremely readable, very well-written, friendly, free of fluff and hyperbole, and contains clear calls to action. If you own your own agency and are trying to drum up work, you could learn a lot from how these guys present themselves. (via CSS Beauty)

Avatar: The Making of the Bootleg Makes me want to skip the whole 3D thing and support the Canal Street cinematographer’s guild.

Why Are Europeans White?:

According to Frank W. Sweet, it all goes back to cereal.

How to use CSS @font-face:

Very thorough writeup. It’s almost time to walk sIFR peacefully into the sunset. (via oxygensatchel)

A great HDR Tutorial from Wolfgang Bartleme (aka “The Austrian Wolf”). One of these days, I’m going to start shooting this way… probably after it’s an automatic function of the camera though.

Where Should I Eat? Fast Food Edition: A nice flowchart. Good to see Jack-In-The-Box getting some props. Pretty tough on Arby’s though!

Overshared
Aziz Ansari = Indian Mitch Hedberg on uppers
Arlo from this season of 24 looks a lot like Darren, Kramer's intern at Kramerica Industries.
Apparently it is impossible to get a serious answer to a question if the question includes the word "beaver". Lots of good stuff though!
Anybody know the best way to kill a mountain beaver?
Watching Undercover Boss. Very ironic that Waste Management's female drivers are apparently forced to urinate in cans.
@jlbruno Bud is a completely undifferentiated product. That's why they brand-advertise. Google has unique products to teach people about.
ESPN.com does not wear Trade Gothic well.
A lose/lose for Indy fans. Lost the game and didn't even get to play for perfection. You all should be livid with ownership.
@jw @andrewlin Maybe. Didn't seem like too transformational of an ad to me though. The coolness of auto-suggest was probably lost on many.
Does Google really need to convince people to use Google for searching? A Chrome ad would have been 100x more useful.
@zeldman By the way, make sure to catch Million Dollar Listing, also on Bravo. Just as entertaining, but for different reasons.
@zeldman It really is. There's something very entertaining about financially accomplished, socially awkward people.
@H_FJ Nah. Long ago he said amphibious, meaning ambidextrous. It stuck, so he kept saying it. "Layup with the left hand! He's amphibious!"
Marques Johnson just said "amphibious". Damn, I miss the Sonics now.
Wow, D.C. could get 30 inches of snow this weekend? The *real* Washington is jealous.