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

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.