相关疑难解决方法(0)

多个字体权重,一个@ font-face查询

我必须导入Klavika字体,我收到了多种形状和大小:

Klavika-Bold-Italic.otf
Klavika-Bold.otf
Klavika-Light-Italic.otf
Klavika-Light.otf
Klavika-Medium-Italic.otf
Klavika-Medium.otf
Klavika-Regular-Italic.otf
Klavika-Regular.otf
Run Code Online (Sandbox Code Playgroud)

现在我想知道是否有可能只用一个@font-face-query 将它们导入到CSS中,我weight在查询中定义了它.我想避免复制/粘贴查询8次.

所以类似于:

@font-face {
  font-family: 'Klavika';
  src: url(../fonts/Klavika-Regular.otf), weight:normal;
  src: url(../fonts/Klavika-Bold.otf), weight:bold;
}
Run Code Online (Sandbox Code Playgroud)

css fonts font-face

85
推荐指数
4
解决办法
6万
查看次数

标签 统计

css ×1

font-face ×1

fonts ×1