如何在字体字体中使用font-weight？

小编典典

如何在字体字体中使用font-weight？

css

我有两个字体文件，例如：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过渡。我该如何实现？

阅读 788

2020-05-16

共1个答案

小编典典

@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;
}

2020-05-16