2010-12-01 81 views
4

我使用下面的CSS渲染字体代码,但它不工作在IECSS字体问题

@字体面{FONT-FAMILY:BELOVED; src:url('font/BELOVED.TTF');}

有什么建议吗?

+0

现场示例如何? – Kyle 2010-12-01 09:56:42

+0

它是本地服务器上,无法提供您链接(本地主机) – 2010-12-01 10:01:11

回答

4

你最好去fontsquirrel.com并掀起了一个@字体面对面套件让您得到最大的跨浏览器。保罗爱尔兰语还拥有一个灵活的防弹跨浏览器示例,如何正确嵌入@ font-face。

18

IE可惜不支持TTF字体,所以你需要使用一个EOT以及,支持的类型/浏览器是

  • 的Internet Explorer(所有版本):EOT
  • Safari浏览器(3.2以上版本) :TTF/OTF
  • iPhone(3.1)SVG
  • 浏览器(所有版本):SVG(TTF/OTF由2010年1月25日)
  • 的Firefox(3.5+):TTF/OTF(.WOFF增加3.6)
  • Opera(10+)TTF/OTF

我用font-face取得了有限的成功,但我希望有所帮助。

+4

+1对浏览器的支持,非常翔实 – 2010-12-01 10:02:30

+0

相当有用的信息 – 2010-12-01 10:05:31

1

坏消息:IE不支持TTF格式的标准字体。 (我总是惊讶IE很难处理)

好消息:IE确实支持一种叫做EOT的替代字体格式。你需要提供两种格式的字体,并修改你的CSS来指定它们。

@font-face { 
    font-family: Beloved; 
    src: url(/location/of/beloved.eot); /* IE */ 
    src: local(Beloved), url(/location/of/beloved.ttf) format("truetype"); /* non-IE */ 
} 

在一般情况下,你应该能够转换您的TTF字体到EOT格式没有太多的问题,但你会发现一些字体是unconvertable。那样的话,你运气不好。

更多细节在这里:http://randsco.com/index.php/2009/07/04/p680

3

很容易通过 解决去这个链接http://www.fontsquirrel.com/fontface/generator

上传您的字体

然后下载所有文件都被支持不同的浏览器不同的字体格式,并在项目中使用。现在它将在所有浏览器中准确工作