今年在 24 Ways 上,Jeffrey Zeldman 撰写了一篇文章,介绍了网络上“真实字体”的渲染问题。 简而言之,不同的浏览器和不同的平台会以不同的方式进行“提示”,这可能是坏消息。 当然,就像 Zeldman 先生所说的几乎所有内容一样,他说的很有道理。
然后,Jeffrey Veen 也参与进来
现在是屏幕渲染。 接下来,将是下载包含国际字符集的字体的性能影响。 之后呢? 也许是不一致的浏览器对字距、连字或其他 Open Type 度量的支持。
这将是一条漫长的道路。
是不是有点让人醒悟?
很久很久以前,我们使用的是 <font> 标签。 然后出现了 CSS,但我们仍然只有“核心”网络字体。 人们对此感到厌倦,出现了 sIFR 等技术。 现在,@font-face 真的开始流行起来,但存在法律问题。 因此,TypeKit 等服务应运而生,为我们提供帮助。 但现在字体提示又出现了,我们再次感到不高兴。 之后解决这个问题后,正如 Veen 先生指出的那样,将有一长串新的令人不愉快的事情出现。 我自己也能想到一些,例如,既然字体是矢量的,为什么我们不能在网络上对其应用描边呢?
我认为,我们都需要保持批判性,帮助推动事物发展,但也要对已经取得的进展保持乐观。
很遗憾,我们无法快速前进到那个遥远的未来,在那里字体可以完美、快速地渲染,并且完全按照设计师的意愿呈现!
在此之前,我通常对字体采取非常保守的观点,并且保持安全,以便尽可能地管理下载时间、渲染和整体外观。 不过,我认为,随着 Typekits 服务的改进,我应该在字体方面更加大胆,毕竟,HTML5 和 CSS3 现在已经成为我的工具包的一部分,为什么不开始使用当前的技术,而不是抱怨缺点呢!?
有时,垄断似乎不是一个坏主意——至少对于操作系统和浏览器市场而言(我自然是用讽刺的语气说这句话……)。
我最近在我的博客中自己使用了 @font-face,并且遇到了一些问题。
在 Internet Explorer 下的渲染效果很糟糕……
我甚至不得不为 Safari 创建一个单独的样式表(这是第一次),因为它向自定义字体添加了顶部边距。
我真的很期待对自定义网络字体有更广泛、更标准化的支持,但我认为这不应该阻止我们进行玩耍和实验——我当然不会停止。
是的,存在许多问题,但糟糕的屏幕渲染是目前唯一阻止此实现投入生产的原因。 阅读 Boing Boing 的 @font-face 体验……非常具有启发性。
在找到这个 字体面生成器 之前,Cufon 一直是我的首选工具,它确实减轻了 @font-face 的麻烦。 我特别喜欢它包含字体的 base64 css 副本。
话虽如此……在我对字体的控制感到满意之前,还有很长的路要走。
我认为未来一定是积极的!
Chris,
你指的是 rending……还是 rendering?
我想,如果你的字体搞砸了,它确实会严重破坏你的网站。
无论如何——我是你网站的忠实粉丝。 继续努力,感谢分享这些很棒的技巧!
-Loren
Envato 市场是一个很好的例子。 由于 cufon,那里存在很多渲染问题。
我认为这更多地与执行不当有关。 他们应该预料到产品标题很长。
我同意,对任何解决方案来说,乐观的态度都是最好的方法。 字体已经走了很长一段路,这是值得乐观的事情。 但是,就像你提到的那样,这将是一条漫长的道路,并且永远都会这样——创新永不停歇!
太棒了!
任何事物都是如此。 看一下电脑,我们在很短的时间内取得了巨大进步,但我们仍然不满意,并且总是想要更好的东西。 这种情况永远不会改变。
绝对的。 即使在 Apple 阵营中,粉丝们对 iPad 的新闻也感到“无所谓”。
我之前没有用过我的 Windows 平板电脑,并且换成了 MacBook,我一直期待 Apple 平板电脑能够更像 MacBook,而不是一台净本大小的 iPhone。
一位朋友不得不提醒我,即使它似乎没有按照我的意愿去做,它仍然是朝着将平板电脑重新定义为生活方式设备的方向迈出的重要一步。
唉。 每个人都想要更多。 特别是我!
-Tony
欢迎来到网络开发的奇妙世界。 如果这些错误不存在,那么练习这项工作就不会那么有趣了。 浏览器之间总会有不一致的地方。 你最好习惯这一点。 并接受它们的存在,然后继续前进。
这就是我喜欢网络开发/前端开发的原因。 你正在迅速提高你的调试技能。 刺激大脑和创造力。 这份工作永远不会让人感到无聊;)
如果你真的想做出改变。 分叉渲染引擎源代码并自己打补丁:)
” 我自己也能想到一些,例如,既然字体是矢量的,为什么我们不能在网络上对其应用描边呢?”
我们得到了 SVG 字体,这将是我们可以实现的最接近的结果:)
SVG 字体将是一个好主意……如果所有浏览器都能决定要支持哪个标准。 我在所有浏览器中都无法获得可用的 SVG 图形,这让我非常头疼。 IE 中的图像终于可以读取了,但 FF 中的字体却非常大。 不要问 Safari。 ;-)
-Tony
毫无疑问,大多数字体渲染问题都超出了我的控制范围。 但正如你所说,Chris——杯子是半满的。
仅仅一年前,我还在努力使用 sFIR,然后 Cufon 出现,我感到如释重负。 在 WordPress 升级期间遇到了 Cufon 的问题,并通过转向 @font-face(它也有自己的问题!)解决了问题。
当我收到 Typekit 的邀请时,我渴望获得更多字体、更多选项、更多简便的操作!
虽然所有替换技术都还不完美,但不必再局限于 Arial 和 Times Roman,让我可以作为设计师进行拓展,并为我的客户使用合适的字体。
真的——一切都在快速发展——渲染改进指日可待!:)