@font-face 可以在本地主机上工作，但不能在线答案

【问题标题】：@font-face works on localhost but not online@font-face 可以在本地主机上工作，但不能在线
【发布时间】：2013-07-08 21:58:35
【问题描述】：

我一直在寻找我的问题的答案，但没有任何效果......

我的字体在所有浏览器上都可以本地使用，但是当我上传网站时，字体只能在 Firefox 和 IE 中使用？

这是我的CSS：

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('http://www.ist-immobilien.at/fonts/beba/bebasneue-webfont.eot');
    src: url('http://www.ist-immobilien.at/fonts/beba/bebasneue-webfont.eot?#iefix') format('eot'),
         url('http://www.ist-immobilien.at/fonts/beba/bebasneue-webfont.woff') format('woff'),
         url('http://www.ist-immobilien.at/fonts/beba/bebasneue-webfont.ttf') format('truetype'),
         url('http://www.ist-immobilien.at/fonts/beba/bebasneue-webfont.svg#webfontX0YNjQNl') format('svg');
    font-weight: normal;
    font-style: normal;

}

我也使用了相对 url，但它没有做任何改变。字体在服务器上..我不知道，有什么问题..

网站网址是：Site URL 蓝色的 Headers 应该是这个字体...

【问题讨论】：

标签： css google-chrome cross-browser font-face

【解决方案1】：

在您的 CSS 中，您实际上是在寻找一种名为 'BebasNeueRegular' 的字体（名称中带有引号）：

font-family: \'BebasNeueRegular\', sans-serif;

去掉那些反斜杠就可以了。

【讨论】：

谢谢，当我在 chrome 开发者工具上编辑它时，它可以工作了！但是在我的样式表中没有反斜杠？很奇怪，不知道为什么！
@ichx123：在你的源代码中。从您的自定义样式表中删除引号。
我也看到了，但这是一个 Worpress 主题的选项面板，并且没有反斜杠。我更新了上面的代码！
@ichx123：您的主题编写方式似乎有问题。
好的，我将在样式表中更改此代码，希望对您有所帮助。感谢您发现错误本身；）