如何在字体字体中使用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

回到顶部