我有两个字体文件,如:FONT-light和FONT-bold。两个都来自@ font-face kit,所以每个版本都有5个字体文件(OGV,TTF,WOFF,EOT)。
要从浅色版到粗体版我必须使用font-family:FONT-light;然后font-family:FONT-bold ;.我想使用font-weight:light;和font-weight:bold;而是因为我需要它到CSS3转换。我该如何实现?
解决方法
@font-face { font-family: 'DroidSerif'; src: url('DroidSerif-Regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSerif'; src: url('DroidSerif-Italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DroidSerif'; src: url('DroidSerif-Bold-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DroidSerif'; src: url('DroidSerif-BoldItalic-webfont.ttf') format('truetype'); font-weight: bold; font-style: italic; }