字体系列不适用于真实字体

Question

在我的 CSS 文件中，我首先包含我的 真实类型 字体文件，如下所示：

@font-face {font-family: "ss5"; src: url(../fonts/sans_serif/paneuropa-b.ttf);}

然后像这样使用它：

font-family: ss5;

但出于某种原因，这仅适用于 Linux 和 Chrome，而不适用于 Windows Chrome... 很奇怪，因为我的.ttf 文件位于我的服务器上。知道为什么会这样吗？我需要它在所有浏览器上工作。

这里是my webpage，如果有人想查看的话。

Answer 1

这不是使用字体的有效方式。您必须使用 ttf、woff、eot、svg 生成字体才能获取所有浏览器和 OS。您仅使用 ttf 的地方。生成你的字体然后使用。

您可以使用下面的这些网站将字体生成为 ttf、woff、eot 和 svg。

1. http://www.fontsquirrel.com
2. http://www.font2web.com/ 等等

Answer 2

我在请求字体时收到 404 错误：

http://ziga-lausegger.com/fonts/sans_serif/paneuropa-b.ttf

我尝试访问 Chrome 中的文件夹路径，它成功了。 您应该在您的服务器配置中阻止目录列表。您可以检查目录列表中是否存在 paneuropa-b.ttf。

http://ziga-lausegger.com/fonts/sans_serif/

正如@aldo 所说，"guess is you have the font installed locally on Linux"，因为这只适用于 Linux。