1

我必须在网站中实现自定义字体，应该使用什么。客户提供自定义字体。

  • 所有浏览器支持（包括 IE6 和所有A 级浏览器）
  • 文本可选
  • 选择可见
  • 可通过屏幕阅读器访问
  • 如果 JS 被禁用，则可成功降解
  • 在更短的时间内易于实施和管理
  • 兼容手机浏览器
  • 更少的性能问题
  • 无需购买
  • 也可以用作链接
  • 字体应该看起来像 Photoshop 中一样平滑

或者有没有其他更好的和免费的解决方案包含所有这些东西？

4

4 回答 4

2

为什么不直接使用Paul Irish 所描述的防弹@font-face 语法，并在条件 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]-->

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

于 2010-03-02T18:28:54.390 回答
1

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

  1. 使用字体松鼠
  2. 和一个javascript 过滤器
于 2010-03-03T12:27:12.683 回答
0

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

于 2010-03-02T18:12:07.497 回答
0

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

浏览器一致性也是@font-face 的一个大问题

于 2010-03-02T11:33:03.550 回答