css - @font-face css 添加自定义字体

Question

我有一个 wordpress 主题，我想添加自定义字体。我在放置字体文件的主题文件中添加了一个“字体”文件夹。

现在我的 CSS 看起来像这样:

@font-face {
font-family: Brandon;
src: url('/domains/test.innerwhy.com/html/wp-content/themes/thefox/fonts/Brandon_bld.otf');
font-weight: normal;
}
h1 {
font-family: Brandon;
}

但是，这似乎不起作用，我不明白为什么。

Answer 1

通过查看，我只能建议您检查 css 文件中的路径是否正确。如果字体也无法加载，设置回退也很好。您可能还缺少设备支持的字体文件类型。