时间戳

首页 > 解决方案 > 添加完整的字体

css - 添加完整的字体

问题描述

我在目录中有以下字体static/fonts/：

Fontfabric---Mont-Thin.otf
Fontfabric---Mont-Thin-Italic.otf
Fontfabric---Mont-SemiBold.otf
Fontfabric---Mont-SemiBold-Italic.otf

有没有办法使用以下方法将所有这些字体添加到custom.css文件中：

@font-face {
  font-family: "Mont";
  src: "/static/fonts/Fontfabric---Mont-Thin.otf";
}

还是我必须独立添加这些并指定其中一些thin？

标签： cssfonts

解决方案

您必须添加它们中的每一个并为每个指定一个“权重”。

@font-face {
  font-family: Mont;
  src: url("/static/fonts/Fontfabric---Mont-Thin.otf");
  font-weight: bold;
}

或者

@font-face {
   font-family: Mont;
   src: url("/static/fonts/Fontfabric---Mont-Thin.otf");
   font-weight: 400;
}

您可以在此处找到更多详细信息

推荐阅读