在 ASP.NET Core 2.2 应用程序中使用自定义.otf字体

Question

我有一个.otf字体文件，我正在尝试在我的 ASP.NET Core项目中使用它。

在 wwwroot 文件夹中，我创建了另一个名为 font 的文件夹，.otf文件所在的文件夹。

在我的 css 文件中，我有以下内容：

@@font-face {
    font-family: 'Nexa Light';
    src: local('../font/Nexa Light.otf'), url('../font/Nexa Light.otf');
}
body {
    font-family: 'Nexa Light';
}

字体尚未应用，Chrome Dev控制台中没有错误。

任何帮助都非常感谢。

Answer 1

我创建了另一个名为字体的文件夹，.otf文件所在的文件夹

在您的代码中，您在路径中编写了字体：src: local('../font/Nexa Light.otf'), url('../font/Nexa Light.otf');

• 检查字体文件夹名称
• 避免在字体名称中使用空格(空格(，请改用"_"或"-"以避免空格(空格(。

这些可能是上述问题的原因。

尝试使用以下代码：

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