时间戳

首页 > 解决方案 > @font-face 不会在 WordPress 中显示自定义字体

html - @font-face 不会在 WordPress 中显示自定义字体

问题描述

我正在尝试将自定义字体添加到 WordPress 网站，但无法显示正确的字体。我可以让自定义字体在本地显示在我快速创建的 HTML 和 CSS 文档上，并且还可以使用 Firefox 中的 Web 开发人员工具，所以我知道字体正在加载。该字体被称为“Indubitably”，我是从 Font Squirrel 下载的，我正在专门使用 .woff 格式进行测试。

这是我的代码：

@font-face {
    font-family: 'indubitably';
    src: url('fonts/INDUBITA-webfont.woff');
}

h1, h2, h3, h4, h5, h6 {
    color: black !important;
    font-family: 'indubitably' !important;
}

我想我已经将字体上传到了正确的目录，即 /home/"myUsername"/html/wp-content/themes/hestia(my current theme)/fonts...

我尝试将代码复制到 style.css，我使用了一个名为 Simple Custom CSS 的插件，我还尝试使用内置的 WordPress CSS 编辑器，但无济于事。

抱歉，如果这是一个菜鸟问题，这是我的第一个牛仔竞技表演；）

标签： htmlcsswordpressfontsfont-face

解决方案

尝试用完整的 URL 替换字体的本地路径，因此更改fonts/INDUBITA-webfont.woff为http://www.example.com/wp-content/themes/hestia/fonts/INDUBITA-webfont.woff（当然，将 example.com 更改为您的正确域。

推荐阅读