Multiple font weights using CSS3 @font-face

Ilia Draznin has been using CSS3 font face to fake font weights: “The way @font-face works is that whatever font attributes you specify for a @font-face rule, they don’t determine how the font looks but rather when it’s gonna get used. For e.g. if you’ve following two rules; Then if you use “newfont” font-family with weight 200 it’s […]

Ilia Draznin has been using CSS3 font face to fake font weights: “The way @font-face works is that whatever font attributes you specify for a @font-face rule, they don’t determine how the font looks but rather when it’s gonna get used. For e.g. if you’ve following two rules; Then if you use “newfont” font-family with weight 200 it’s going to use Arial, but if you use it with weight 300 it’s going to use Calibri, without having to worry if the user’s computer has fonts or not.

@font-face {
font-family: newfont;
src: local(Arial);
font-weight: 200;
}
@font-face {
font-family: newfont;
src: local(Calibri);
font-weight: 300;
}

More info: iliadraznin

Source:→ Ajaxain