How to use CSS @font-face
Very thorough writeup. It’s almost time to walk sIFR peacefully into the sunset. (via oxygensatchel)
Very thorough writeup. It’s almost time to walk sIFR peacefully into the sunset. (via oxygensatchel)
How to Swear in English, if You’re Korean: “Little children and pregnant women should not watch, because it will be bad for their education.” Gets funnier every time I watch it.
Saturday Night Live: China Cold Open — I don’t watch SNL much anymore but this week’s (repeat) opening skit on U.S./China relations was hilarious. I love the translator.
Trent’s site is really nice. The single-blog-post index is an interesting touch. Make sure to click “Prev” to peruse some of Trent’s other posts.

How to make a Lost Cat poster if you’re a graphic designer and you don’t like doing free work for people. (via jimray)
“Apple of My Eye”: A short movie, filmed and edited entirely on an iPhone. Beautiful stuff. (via gruber)
Write some letters on a piece of paper, upload it via webcam, and this site will turn it into a font. Very slick. If I didn’t have deplorable handwriting, I would try it. (via Cameron)
This is one of the best investigative sports articles I’ve ever read. Really, really fascinating. If you care at all about college football, you must read it. Two really interesting things I learned: Colorado really screwed themselves, and ESPN pretty much screwed the Pac-10.

We just launched msnbc.com’s new photoblog today. It’s pretty hot and it’s not even full featured yet. Peep it.
If I ever decide to write an iPhone app, this will be the first book I buy. (via gruber)

The Battery Flashlight: Pretty cool. I can’t think of another example of a product where the battery is actually part of the user interface.
“What is the level of technology that is required to make a foam stick?” — Wham-O Moves to America (The Daily Show)

How Much Do Music Artists Earn Online? A great infographic showing how the digital distribution of music has sucked artists’ royalties almost completely dry. People have argued they were never healthy to begin with, but the difference here is major. The same is going to happen to every meatspace product that transitions to digital. The iPad isn’t going to save content royalties.
Dude with ridiculous business-card throwing skills. It’s good to know business cards still have a use. (via tan.gy)
If ever anyone had a look that screamed “potential air guitar champion”, it is Rob Weychert. Watch him tear it up in the 2010 Air Guitar World Championships. I am proud to say this man has slept on my couch.
When Mark Fletcher creates a product, it’s usually transformative and awesome. Bloglines, for instance, changed my life. SnapGroups, his latest project, just launched today. It’s too early to tell how successful it will be, but given who is behind it, it’s something to keep an eye on.
ALMOST, except for special cases.
For example, I do not know a way to properly display Helvetica Neue Condensed Black without turning it into a photo. @font-face will easily handle Helvetica Neue but not the Condensed Black part.
Do you know of a way?
Thanks Mike! sIFR served us well, but I agree.
Micah, I don’t know of any Helvetica Neue that’s licensed for use with @font-face. Who makes the version you have, and what does its license say about linking/embedding with @font-face?
If you do have a version of Helvetica Neue Condensed Black that is properly licensed, and that’s the only style of Helvetica Neue that you need to use, you can point specifically to that font file. Don’t declare Helvetica Neue and attempt to use CSS (font-weight, etc.) to get at the “Condensed Black” part. Just declare Helvetica Neue Condensed Black as your font file.
Basically, this is one of two ways to use @font-face with big type families (the other isn’t feasible because IE/Opera don’t yet support style linking). I explain both ways in the blog post and comments to which Mike is linking here.
Thanks for the reply Tim.
To clarify, I was only testing Helvetica Neue with @font-face but would never implement it in the wild. I know it’s not licensed even for @font-face. Since I was initially having trouble just using the font property to display the Condensed Black correctly, I wanted to see if @font-face would reproduce it any closer to what I see in Photoshop.
Like you said in your third paragraph, I declared Helvetica Neue Condensed Black to only get a meager result. In fact, there’s almost no difference at all between declaring Helevetica Neue Condensed Bold and Helevetica Neue Condensed Black in supported browsers. At least in Photoshop, the difference is moderate.
I’m guessing this is mostly due to poor browser rendering of big type families, possibly due to lack of proper font-stretch support or other similar problems. It’s just disappointing due to the huge advancements in type this year. I’m in love with @font-face and can’t wait to see the web in a couple of years when this technique is more heavily used!
BTW, wonderful article Tim!