Question

使用@ font-face我试图在我的网页上使用一些字体。 font-face在localhost中正常工作。当我尝试移动它时，font-face无法在任何浏览器中运行。这是我的代码：

@font-face{
font-family: lucida;
src: url('../fonts/lucida.ttf');
}
.header{
 font-family:lucida;
}

当我喜欢这个时，它在localhost中工作正常，但不在现场。

注意：我的字体文件夹中的字体，css文件夹中的css

Answer 1

也许这会有所帮助： Font-Face Not loaded

可能与在IIS中允许服务器上的字体类型有关。

此外，我认为Firefox有一个错误，其中字体文件需要与CSS文件位于同一文件夹中。

Answer 2

我不确定是否是这种情况，但请注意IE仅支持.eot（Embedded OpenType）字体，并且您托管的字体在Internet Explorer中不起作用。不确定这是否是您的问题但是您的代码可能存在问题。

解决此问题的方法是使用字体转换器。我过去使用的是http://www.fontsquirrel.com/tools/webfont-generator。然后在CSS文件中调用EOT和TTF字体。我在下面提供了一个例子。

@font-face {
    font-family: Acme;
    src: url('fonts/eot/Acme-Regular.eot'),
         url('fonts/ttf/Acme-Regular.ttf');
}

如果这不是问题，我看了你的代码，我在实际网站上找不到你实际上叫做@ font-face命令的CSS，根据上面的评论，我也得到500尝试访问服务器上的字体时出错。

另一种选择是使用托管在Google服务器上的Google Web Fonts Library，您可以通过代码http://www.google.com/webfonts远程调用。

Answer 3

我认为，它与字体的版权有关。

我有同样的问题，然后我在font squirrel找到另一个相似的字体下载它们，并在font squirrel中再次转换它们，然后使用它们的css font-face声明方式，它现在可以在localhost和我的实时网站上正常工作。

我甚至使用src: url('../fonts/