如何在字体字体中使用font-weight?
我有两个字体文件,例如:FONT-light和FONT-bold。两者都来自@ font-
face工具包,因此每个版本都包含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;
}
以上是 如何在字体字体中使用font-weight? 的全部内容, 来源链接: utcz.com/qa/426131.html