Question

我正在使用wordpress，发现我的自定义字体无法在我的网站上运行。我已经查看了几个具有相同问题的线程，但没有一个解决方案有效，或者我错误地应用了它们。我使用了一个免费的主题，我正在修改。我正在编辑style.css表，无法弄清楚我做错了什么。有些字体可以在我的电脑上找到（有些字体不能，即使它们可以在我的电脑上找到），所以似乎有一些非常奇怪的事情。 @ font-face的东西都不适用于其他设备。

我使用font squirrel制作一组webfonts并将它们上传到我的服务器，在一个单独的字体文件夹中的主题下。这些文件应该是可访问的，因为权限被授予用户，组，世界以供读取和执行。我现在也尝试使用字体squirrel提供的代码添加了完整的地址来实现字体。没有任何事情发生。

现在这是我编码的第一天，所以我可能没有看到我在这里做错了什么。我在HEADING-headline之后插入了这个新代码（我不确定工作表中的位置是否有所不同，或者只是为了组织目的，但我已经尝试了几个）在样式文件中，这是文件上的条带：

.blog-title {
    font-family: "daniel_blackregular";
    font-size: 2.25em;
    text-align: center;
}

@font-face {
    font-family: 'daniel_blackregular';
    src: url('/public_html/wp-content/themes/baskerville/Fonts/danielbk.eot');
    src: url('/public_html/wp-content/themes/baskerville/Fonts/danielbk.eot?#iefix') format('embedded-opentype'),
         url('/public_html/wp-content/themes/baskerville/Fonts/danielbk.woff2') format('woff2'),
         url('/public_html/wp-content/themes/baskerville/Fonts/danielbk.woff') format('woff'),
         url('danielbk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

现在我正在考虑如果我不正确地解决字体问题，但我也尝试了一切。请帮忙。

Answer 1

要解决您的问题，您需要做一些事情。

将@ font-face移动到css文件的顶部。
更新@ font-face调用中的网址路径。现在他们正在返回404，网址为：

@font-face {
font-family: 'daniel_blackregular';
src: url('/fonts/danielbk.eot');
src: url('/fonts/danielbk.eot?#iefix') format('embedded-opentype'),
     url('/fonts/danielbk.woff2') format('woff2'),
     url('/fonts/danielbk.woff') format('woff'),
     url('/fonts/danielbk.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

请记住，网址与呼叫的来源相关。在这种情况下，它是从你的CSS调用的。

当我将css中的路径更新为：src：url（＆＃39; /public_html/wp-content/themes/baskerville/Fonts/danielbk.eot'）;字体有效。

为什么我不能让@ font-face处理wordpress的自定义字体？

1 个答案: