2010-03-02 52 views
1

我必须在网站中实现自定义字体,应该使用什么。客户端提供自定义字体。@ font-face或sIFR 3?

  • 所有浏览器的支持(包括IE6,并在所有A Grade Browsers
  • 文本的可选
  • 选择可见
  • 残疾人专用屏幕阅读
  • 成功降解的,如果JS是 禁用
  • 容易实现并在更短的时间内管理
  • 兼容手机浏览器
  • 性能问题
  • 没有购买所需
  • 可以用作链接也
  • 字体看起来应该光滑如在 Photoshop中

还是有它拥有所有的任何其他更好的和免费的解决方案少这些东西?

+0

虽然发牌的问题带有两个我知道在这两种方法中,我们会公开分享的字体,这样字体的sIFR的SWF如果我们使用sIFR的和TTF/OTF/EOT如果我们使用@ font-face。 – 2010-03-02 11:29:44

回答

0

@ font-face不像您希望的那样支持IE6。所以如果这是你的要求,不要使用它。

浏览器的一致性也与@字体面

+0

IE6有什么问题? – 2010-03-02 11:34:18

+0

哪些浏览器不支持@ font-face face? – 2010-03-02 11:35:53

+0

他还说'字体应该看起来像Photoshop一样平滑'。 IE6中不会发生。 在IE中你应该使用EOT。他们是一个可以合作的地方。 – douwe 2010-03-02 11:38:36

0

一个很大的问题,我想你会得到更好的服务考虑使用图像与选择性ALT标记,并依托良好的使用和高品位的标准字体。

+0

图片需要设计输入 – 2010-03-02 18:14:54

2

为什么不使用bulletproof @ font-face语法as described by Paul Irish,并使用条件IE标签中的备用样式和javascript备份它?

IE:

<style type="text/css"> 
... 
@font-face { 
    font-family: 'Graublau Web'; 
    src: url('GraublauWeb.eot'); 
    src: local('Graublau Web Regular'), local('Graublau Web'), 
     url('GraublauWeb.otf') format('opentype'); 
} 
... 
</style> 
<!--[if lte IE 6]> 
<link type="text/css" rel="stylesheet" href="ie_6styles.css" /> 
<script type="text/javascript" src="Cufon.js"></script> 
<script type="text/javascript"> 
    Cufon.init(); 
</script> 
<![endif]--> 

你的要求不是由这个设置满足了蝙蝠的唯一部分是全线的移动兼容性。一旦你确定了你想要支持的平台,这个解决方案应该足够可扩展,以支持所有平台。

+0

目前还没有解决方案可以满足您的所有需求。一切都是取舍。但是,如果你从适当的CSS(@ font-face)开始并根据需要进行备份,就像肖恩所说的那样,你正处在正确的轨道上。 – 2010-03-03 21:42:17

1

如果我是你,请使用@ font-face并向旧浏览器提供javascript解决方案(如cufón)。

  1. 使用fontsquirrel
  2. javascript filter
+0

我甚至不知道有什么东西是@ font-face,而且我一直忍受着sIFR:O – 2011-03-02 21:20:31