我一直在尝试将一些网络字体添加到我的 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/ 得到代码这似乎是其他人强烈推荐的。
谁能告诉我我做错了什么?
最佳答案
我认为问题在于字体的位置。字体位于 your-domain.com/fonts/YourFont.eot 上吗?
它们可能位于某个主题下,例如www.your-domain.com/wp-content/your-theme/fonts/YourFont.eot :-)
关于css - 为什么我的@font-face 声明不能在 wordpress 上运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34665327/