Comments on: Shared: How to use CSS @font-face http://www.mikeindustries.com/feeder/?FeederAction=clicked&feed=Articles+%28RSS2%29&seed=http%3A%2F%2Fwww.mikeindustries.com%2Fblog%2Farchive%2F2009%2F12%2Fhow-to-use-css-font-face&seed_title=Shared%3A+How+to+use+CSS+%40font-face A running commentary of occasionally interesting things. Thu, 09 Feb 2012 07:03:27 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Micahhttp://www.mikeindustries.com/feeder/?FeederAction=clicked&feed=Articles+%28RSS2%29&seed=http%3A%2F%2Fwww.mikeindustries.com%2Fblog%2Farchive%2F2009%2F12%2Fhow-to-use-css-font-face&seed_title=Shared%3A+How+to+use+CSS+%40font-face/comment-page-1#comment-42177 Micah Wed, 16 Dec 2009 19:46:36 +0000 http://tumblelog.mikeindustries.com/post/285687190#comment-42177 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! 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!

]]> By: Tim Brownhttp://www.mikeindustries.com/feeder/?FeederAction=clicked&feed=Articles+%28RSS2%29&seed=http%3A%2F%2Fwww.mikeindustries.com%2Fblog%2Farchive%2F2009%2F12%2Fhow-to-use-css-font-face&seed_title=Shared%3A+How+to+use+CSS+%40font-face/comment-page-1#comment-42176 Tim Brown Wed, 16 Dec 2009 14:41:39 +0000 http://tumblelog.mikeindustries.com/post/285687190#comment-42176 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 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.

]]> By: Micahhttp://www.mikeindustries.com/feeder/?FeederAction=clicked&feed=Articles+%28RSS2%29&seed=http%3A%2F%2Fwww.mikeindustries.com%2Fblog%2Farchive%2F2009%2F12%2Fhow-to-use-css-font-face&seed_title=Shared%3A+How+to+use+CSS+%40font-face/comment-page-1#comment-42175 Micah Wed, 16 Dec 2009 08:50:26 +0000 http://tumblelog.mikeindustries.com/post/285687190#comment-42175 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? 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?

]]>