Question

我通过在网站上添加字体并将其应用于产品标题来解决问题 -

110死亡骑士血液963

https://wowaccounts.eu/product/110dkblood950/

不是显示自定义字体，而是应用默认字体。

以下是标题中样式表的链接：

  <link rel="stylesheet" href="https://wowaccounts.eu/wp-content/themes/wowtheme/fonts/stylesheet.css" type="text/css" charset="utf-8">

这就是样式表中的内容：

@font-face {
font-family: 'lifecraftregular';
src: url('https://wowaccounts.eu/wp-content/themes/wowtheme/fonts/lifecraft_font-webfont.woff2') format('woff2'),
     url('https://wowaccounts.eu/wp-content/themes/wowtheme/fonts/lifecraft_font-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

这就是我应用字体的方式：

h1.product_title.entry-title{
    font-family: 'lifecraftregular';
}

我浪费了几个小时才发现问题是什么......还没有结果。提前谢谢！

Answer 1

如果您检查控制台，您可能会注意到两件事：

1）

无法加载资源：服务器响应状态为404 （未找到）

和2）

如果在sources选项卡中打开文件夹结构，则不会像使用stylesheet.css文件那样找到字体文件（因此出现404错误）。

您正确定位文字。我只是觉得你的文件不在正确的文件夹中。重新访问您放置文件的确切位置。有可能代替wowtheme文件夹，你错误地将它们放在默认的wordpress主题文件夹中吗？

@ font-face无法正常工作，无法为网站添加自定义字体

1 个答案: