Comments on: CSS3 @font-face With Bold and Italic Support

By: clasificado

clasificado — Thu, 24 Nov 2011 02:27:17 +0000

It works like a charm

By: Pawel

Pawel — Sat, 10 Sep 2011 15:56:25 +0000

Thanks for this info, it’s been very helpful – I didn’t know how to get the browser to display different font styles of the same family (from different files), now I know it has to be through separate @font declarations.
However, there is one thing that doesn’t quite work – if I put ‘italic’ AND ‘oblique’ in the declaration for the italic style, the browser displays my (intended) regular font as italic (it doesn’t even see the file for the regular one), and the italic is even “more italic”, i,e. more slanted. It looks like the browser then sees the italic font file as the regular one and then doesn’t find a proper italic file so it just “slants” it. The problem disappears when I remove “oblique” from the font-style declaration.

By: dolkun731

dolkun731 — Wed, 09 Mar 2011 13:18:39 +0000

THANKS! I’m a Uyghur from urumqi in china. can the code rong or right?

@font-face {
font-family: Alpida Unicode System,Uyghur Ekran, UKIJ TUZ TOM, Alkatip Tor, Microsoft Uighur, Verdana,sans-serif;
font-style: normal;
font-weight: normal;
src: url(‘/eot.eot’);
src: local(‘Alpida Unicode System Regular’), local(‘Alpida Unicode System’), url(‘/eot.ttf’) format(‘truetype’), url(‘/eot.svg#Alpida Unicode System’) format(‘svg’), url(‘/aus.woff’) format(‘woff’);
}

By: cballou

cballou — Wed, 07 Jul 2010 01:42:38 +0000

Thanks for the link himmel, I’ll have to create a new updated section for IE support. I don’t know if I’d go as far as saying I left out all of the good parts, but I did skip right over IE quirks.

On the other hand, I think you can take all that you’ve learned from Paul’s Bulletproof @font-face post and apply it quite easily to add support for bold and italics. I’ll have to add the smiley variation here as an update with a note regarding IE support.

By: himmel

himmel — Wed, 07 Jul 2010 01:07:01 +0000

You left out all the good parts. Checkout Paul Irish’s bulletproof @font-face syntax http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/