Css 我能'；我似乎无法让我的字体系列使用@font-face

您好，我从网上下载了一种字体，并尝试使用

@font-face

在CSS中实现它，但它不起作用。我正在使用Netbeans IDE 8.0.2，该文件位于我的字体文件夹中

@font-face{
字体家族：部；
src:url（字体/MINISTRY.otf）；
src:local（“MINISTRY”）、local（“MINISTRY”）、url（MINISTRY.otf）格式（“opentype”）；
}

检查它们是否允许您上传字体，然后下载所有必需的字体格式以及示例文件

好的，让我重复一下我在评论部分提到的内容

根据找到的文章和文章，浏览器对

.otf

字体类型的支持至少可以说是参差不齐的。根据最新的W3C规范，

.woff

字体类型在所有现代浏览器中具有最好的支持

因此，我的建议是使用众多可用的在线转换工具之一，将您的web字体转换为woff格式。就是这样一个被很多人使用和推荐的网站。现在，您可以只使用一种字体类型（.woff），也可以将多种字体类型添加到

@font-face

规则中，就像Paul Irish引用的那样。尽管我应该提到，这篇文章已经有5-6年的历史了，与当今时代并不完全相关

现在，请确保字体文件的路径被正确引用。我的意思是，如果你的文件结构像这样

root Folder
    |
    |-- css folder
    |       |-- .css file
    |-- Font folder
    |       |-- .otf font file
    |       |-- .woff font file
    |       |-- .svg font file
    |-- Html files folder
    |       |-- .html file(s)

现在在本例中，

@font-face

规则中提到的字体文件路径是“

。/font/filename.filetype

”。因此字体文件的路径很重要

现在，即使在这之后，如果您发现您的字体文件没有加载，请检查服务器是否有适当的权限来提供字体文件。我的意思是，如果服务器得到一个字体文件类型，那么它知道如何处理该特定的字体类型。现在，如果您有一个跨域字体请求（使用CDN），那么一些浏览器会抱怨并停止工作。你会发现理解和使用都非常有用

希望我在这个问题上给你们讲得够多了快乐编码：）

更新：：

---

另请参阅idea

尝试使用.woff字体类型。otf类型具有不稳定的浏览器支持。请参阅本文，将其从.otf更改为.woff？但是其余的看起来很好？将otf字体类型转换为woff类型。有很多在线转换工具