font-family不适用于真实字体

时间:2015-12-07 21:03:36

标签: css google-chrome true-type-fonts

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

_(['mline', 'mspace', 'maligngroup', 'malignmark', 'msline']).each(function(tag, index){
  CKEDITOR.dtd.$empty[tag] = 1;
})

然后像这样使用它:

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

但由于某种原因,这只能在Linux和Chrome上运行,而它在Windows Chrome上无效...很奇怪,因为我的 .ttf 文件位于我的服务器上。任何想法为什么会这样?我需要这个适用于所有浏览器。

如果有人想查看,请my webpage

2 个答案:

答案 0 :(得分:1)

我请求字体时收到404错误:

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

我已尝试访问Chrome中的文件夹路径,但它确实有效。 您应该阻止服务器配置中的目录列表。您可以检查目录列表中是否存在paneuropa-b.ttf

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

就像@aldo说的那样,"猜测你是否在Linux"上安装了本地字体,因为这只适用于Linux。

答案 1 :(得分:0)

这不是使用字体的有效方法。您必须使用ttfwoffeotsvg生成字体以获取所有浏览器和操作系统。你只使用ttf的地方。生成您的字体然后使用。

您可以使用以下这些网站生成字体ttf,woff,eot和svg。

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