Question

我正在尝试使用IBM Plex otf字体。有几种字体：Sans，Serif等。一种字体有16个文件（Sans列出here）。据我所知，IBM没有公开托管他们的字体（因此我无法进行@import或设置链接），而是通过github download提供这些字体。这意味着，如果您想在您的网站上使用它们，您必须从您的网站提供它们。（右？）

现在，我可以为所有这些引用设置80个左右的@font-family引用，就像这两个引用常规和粗体sans一样：

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://...IBMPlexSans-Medium.otf) format('otf');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://...IBMPlexSans-Bold.otf) format('otf');
}

但我认为可能有办法避免这种情况。所以，我的问题是：浏览器会使用任何类型的提示来查找合适的字体文件吗？例如，如果我有源引用和中型字体系列，它们是否会在同一源中查找其他文件名以查找粗体字体，斜体字体或其他什么？或者我必须拼出一切吗？

Answer 1

我找到了解决方案。坏消息：是的，看起来您确实需要生成所有的font-face CSS，而且对于四种不同的字体来说，这相当于超过3000行代码。好消息：Transfonter.org有一个在线工具可以帮到你。它还可以做很好的事情，例如将.otf文件转换为.woff文件，以及许多其他转换选项。只需上传您想要的字体，点击转换，然后下载结果。结果包含一个包含所有必需@font-family代码的css文件。

使用@ font-family指定自定义字体：我是否必须完成所有这些操作？

1 个答案: