Question

如何使用@ font-face在我的样式表中添加多个font-family？示例仅显示单个字体系列添加，如

@font-face {
font-family: myFirstFont;
src: url(sansation_bold.woff);
font-weight: bold;
}

第二个字体家族怎么说mySecondFont？

Answer 1

您随时可以在随@fontface名称提供的css中添加多个font-family。

@font-face {
    font-family: myFirstFont;
    src: url(myFirstFont.woff);
    font-weight: bold;
}

@font-face {
    font-family: mySecondFont;
    src: url(mySecondFont.woff);
    font-weight: bold;
}

Answer 2

来自this article ...

您还可以定义字体的特定属性。属性你可以设置font-style，font-variant，font-weight＆amp; 字体拉伸。这对于使用多种变体特别有用一个同名的字体。

因此，您只需对所有字体源文件使用相同的font-family值，并确保为每个文件声明不同的样式属性。

示例（来自文章）：

＆＃13;

@font-face {
  font-family: Lato;
  src: local("Lato"),
       url(/assets/fonts/Lato.woff2) format('woff2'),
       url(/assets/fonts/Lato.woff) format('woff');
}
@font-face {
  font-family: Lato;
  src: url(/assets/fonts/Lato-LightItalic.woff2) format('woff2'),
       url(/assets/fonts/Lato-LightItalic.woff) format('woff');
 font-weight: 200;
 font-style: italic;
}

＆＃13;

如何使用@ font-face规则在我的样式表中添加多个font-family？

2 个答案: