使用CSS3自定义字体@ font-face无效

时间:2012-02-26 13:37:31

标签: css3 fonts font-face tumblr

这看起来似乎是一个愚蠢的问题,但链接到使用@font-face的自定义字体是否也需要在本地安装才能使它们正常工作?

我有以下代码:

@font-face {font-family:"3dumb";src:url(‘http://static.tumblr.com/wi49tax/8Vmlzz5ja/3dumb.ttf’);}
@font-face {font-family:"2dumb";src:url(‘http://static.tumblr.com/wi49tax/fC0lzz68h/2dumb.ttf’);}

#pages {font-family: "3dumb";
       font-size: 2.2em;
   }

代码适用于我安装了字体的机器(在Safari 5.0.5中),但它在我试用的其他机器上不起作用...

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

就目前而言,从字面上理解你的代码,它不会起作用,因为你使用的是引号而不是直引号。用直引号替换引号,并查看 是否有效。

答案 1 :(得分:0)

您的页面需要有权访问字体文件。它们可以在您的机器上本地安装,但不能在另一台机器上安装。

尝试使用http://www.fontsquirrel.com/fontface/generator生成可嵌入CSS中的font-pck。