2

使用@font-face 我尝试为我的网页使用一些字体。font-face 在本地主机中工作正常。当我尝试移动它以使字体在任何浏览器中都不起作用时。这是我的代码：

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

当我喜欢这个时，它在 localhost 中运行良好，但在 live 中却不行。

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

4

3 回答 3

2

也许这会有所帮助： 字体未加载

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

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

于 2013-03-11T13:41:06.213 回答
0

我不确定是否是这种情况，但请注意，IE 仅支持 .eot（嵌入式 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');
}

如果这不是问题，我查看了您的代码，但在您的 CSS 中实际调用 @font-face 命令的实时站点上找不到，根据上面的评论，我在尝试时也收到 500 错误访问服务器上的字体。

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

于 2013-03-13T03:26:13.627 回答
0

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

I had the same problem, then I just find another similar font in font squirrel download them, and convert them again in font squirrel, then use their way of css font-face declaration, and it works fine now in localhost and my live website.

I even use src: url('../fonts/

于 2013-09-08T14:53:58.090 回答