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

Do you think Chelsea Clinton asks herself if her mom would understand something complex? No. Because her mom is a badass.
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)

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

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.
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.
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.
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!