Comments on: How to use CSS @font-face

By: Brett Jankord

Brett Jankord — Fri, 05 Mar 2010 18:59:55 +0000

Great write up, took a while to read through it all but it was nice to have such detail. I’m excited to start trying these techniques out. Thanks!

By: Mars

Mars — Fri, 05 Mar 2010 08:37:57 +0000

I was hoping for such an improvment. Now I use it on mxl87.com It works perfectly on my Iceweasel, I assume it should on Firefox then. I tried with Opera, no problem either. IE 4Liunx doesn't get it and my girlfriend's Camino and Safari couldn't work it out. Same question as Jim, any leads about what could be missing ?

By: Jim

Jim — Wed, 24 Feb 2010 13:53:57 +0000

Many thanks for this – It’s just what we need. I’m having issues though – Following this the only browser it works on is IE.

FF, Safari, Opera, Chrome etc don’t work. Any ideas what I’m doing wrong?

Thanks Again.

By: leq

leq — Wed, 24 Feb 2010 07:02:26 +0000

how if i got more than two font-face and i need to apply on the body text.So, how i going to apply on the html?

By: Tony

Tony — Fri, 12 Feb 2010 11:19:00 +0000

Very nice post, just found out about @font-face looking forward to putting it to use within my blog.

By: John Grimes

John Grimes — Sun, 07 Feb 2010 03:00:14 +0000

Have you checked out TypeFront?

We’ve gone one step further and created a hosting platform for font embedding that allows you to specify which sites are allowed to embed the font you’ve uploaded.

Sellers can also use the platform API to distribute their fonts.

By: macdet

macdet — Fri, 29 Jan 2010 16:08:42 +0000

@lifesaver!

Great stuff. thx for sharing. I still learn old fashined css. This is a big step forward!

By: deirdre

deirdre — Thu, 28 Jan 2010 06:36:55 +0000

you rock! no really, you are a lifesaver!

By: Tim Brown

Tim Brown — Mon, 18 Jan 2010 01:24:30 +0000

Jenn, that's a great question! This practice isn't supposed to result in super-italicizing or super-emboldening, as per CSS Fonts Module Level 3 Working Draft. However, sometimes it does. All we can do is wait for browsers to support font matching consistently.

By: Jenn

Jenn — Sat, 16 Jan 2010 00:17:30 +0000

I am still confused by the need (or not) for additional font specifications. If I have defined and loaded each variant of a font with a unique name (FontA, FontAItalic, FontABold, FontABoldItalic) won't also specifying the individual font variables to describe it in the CSS result in a double rendering of the style or weight? That is, if I have set FontAItalic by loading the separate, already stylized, version of the font (i.e., FontAItalic.ttf versus FontA.ttf), do I still need to also specify the CSS attribute font-style: italic;? Won't specifying the additional attributes with the regular CSS code result in the already italic font (FontAItalic)being additionally italicized or the bold font (FontABold) being rendered additionally bold (i.e, bolder?)