具有多种样式的字体设置

Question

我有一个关于在本地服务器上设置Roboto字体系列（多种样式）的问题。我们无法链接到这些样式的外部服务。

我已经搜索和阅读了大量的文章，尝试了很多，但仍然没有让它对我有用。我肯定我错过了一些简单的东西。这是我所拥有的：

• 目录设置：

在fonts文件夹中，我有一个名为“roboto”的文件夹，其中包含多种格式的所有样式。我还有一个名为“roboto\u stylesheet.css”的样式表，我将所有样式的@font-face属性整合在一个地方。该文件位于字体中的“roboto”文件夹中。

在我的sample.html文档中，我将“roboto_stylesheet.css”的路径设置为

我创建了一个名为“.div1”的示例类和另一个名为“.div2”的示例类，其中字体族为“font-family:roboto\u condensedbold；”和“字体系列：roboto\u condensedregular分别地

在正文中，我做了一个调用类的简单开发。当我去预览时...没什么。

如果我从“roboto\u stylesheet.css”中复制出@font-face样式，并将其放在文档的头部（同时禁用样式表的链接），则预览效果良好。

就像我说的，我很确定我错过了一些简单的东西，但我看不到。我觉得我所有的路都很好。

希望这是一个足够清楚的解释，因为我不能发送链接，因为它违反政策。

谢谢，迈克尔




Answer 1

匿名用户

当您在roboto\u样式表中声明字体时。css应该有一个类似的代码。

@font-face {
  font-family: 'RobotoFont'; //use this name to set any text font
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto'), url("<font path>.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

因此，<代码>。div1看起来像：

.div1{ font-family: 'RobotoFont'; }

注意：您可以在此处查看一些google字体声明。

正如我在您的注释中看到的那样，请在“src”属性中指定多个url（）。我不确定这是否会导致您出现问题，但与其在相同的字体中添加更多的url（），不如声明具有相同字体系列名称的相同字体，并且只更改源url（）。正如我所说，我不确定这是否能解决问题。

编辑2：还要检查字体文件是否具有权限755或其他权限，以便可以读取和执行