Question

我要在网站上实现自定义字体，应该使用什么。客户端提供自定义字体。

所有浏览器支持（包括IE6和所有A Grade Browsers）
text Selectable
选择可见
可通过屏幕阅读器访问
如果JS是成功降级的话停用
在更短的时间内轻松实施和管理
兼容移动浏览器
性能问题
无需购买
也可以用作链接
字体看起来应该像是一样平滑 Photoshop中

还是还有其他更好，更自由的解决方案，包含所有这些东西吗？

Answer 1

为什么不使用防弹@ 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]-->

此设置无法满足您的要求的唯一部分是全面的移动兼容性。一旦确定了要支持的平台，该解决方案应该具有足够的可扩展性，以便同时支持所有这些平台。

Answer 2

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

使用fontsquirrel
和javascript filter

Answer 3

@ font-face不支持IE6，就像你想要的那样。因此，如果这是您的要求，请不要使用它。

浏览器一致性也是@ font-face

的一个大问题

Answer 4

我认为你最好考虑选择性地使用带有Alt标签的图像，并依赖于良好的使用和有品位的标准字体。

@ font-face还是sIFR 3？

4 个答案: