css - 为什么我的@font-face 声明不能在 wordpress 上运行？

Question

我一直在尝试将一些网络字体添加到我的 wordpress 主题/网站，但我无法让它们工作。我已将所有必需的文件添加到我的根文件夹中，并尝试使用以下 css 将它们链接到我的站点。

@font-face{
font-family: 'AvenirNextLTPro-Demi';
src: url('/fonts/AvenirNextLTPro-Demi-webfont.eot');
src: url('/fonts/AvenirNextLTPro-Demi-webfont.eot?#iefix') format('embedded-opentype',
url('/fonts/AvenirNextLTPro-Demi-webfont.woff') format('woff'),
url('/fonts/AvenirNextLTPro-Demi-webfont.ttf') format('truetype'), 
url('/fonts/AvenirNextLTPro-Demi-webfont.svg#svgAvenirNextLTPro-Demi') format('svg');
}

当我将上面的代码添加到我的样式表的顶部时，它会阻止它下面的所有其他 css 工作，我最终得到一个非常丑陋的无样式页面，以及字体本身不工作。

我从 https://http://blog.fontspring.com/2011/02/the-new-bulletproof-font-face-syntax/ 得到代码这似乎是其他人强烈推荐的。

谁能告诉我我做错了什么？

Answer 1

我认为问题在于字体的位置。字体位于 your-domain.com/fonts/YourFont.eot 上吗？

它们可能位于某个主题下，例如www.your-domain.com/wp-content/your-theme/fonts/YourFont.eot :-)