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： - ）

为什么我的@ font-face声明不适用于wordpress？

1 个答案: