简化的 web 字体(关于 Web 开放字体名目 WOFF)

计划与排版是相辅相成的。但每当我想在我的网页上行使出格的字体时，老是让人异常头痛，很难实现。由于这个缘故起因，很多网页计划师放弃行使这种方法，通过将笔墨处理赏罚为配景图片来办理这个题目。但这样带来了另一些题目，包罗可会见性（注：针对瞽者等残障人士，譬喻他们必要笔墨朗读成果）及页面内容鉴戒性题目（图片不如笔墨那样具有可调解性），偶然辰有须要对页面渲染举办像素级的节制，但其它一些时辰，我们但愿由赏识器和用户来节制笔墨的分列和表现。

赏识器支持

在本文中，我首要先容已往和此刻赏识器对 Web 字体的支持环境，行使的字体范例及如安在页面标志中行使它们。

Microsoft 在 1995 年就已经在首个 Internet Explorer 版本中通过 FONT FACE 标志来支持嵌入字体，随后的 3、4、5 几个版本又增进了 CSS 支持。不外，这种技能必要用户的体系中已经安装有要行使的字体。最后，Microsoft 提供了一个 WEFT 器材，让各人可以将字体嵌入到本身的网页中，用户无需实现安装该字体就可以正确赏识该页面。

Internet Explorer 所支持的字体名目是 Embedded Open Type (EOT) 文件名目，这种名目还没有被其他赏识器支持（注：最新版本的 Chrome 赏识器已经支持）。经我测试的其余全部赏识器（包罗最新版本的 Firefox、Opera 和 Safari）都支持 TrueType (TTF) 字体名目。

转换字体

在 Windows 中行使的大大都字体都是 True Type 字体。为了使我们的（非凡）字体能在 Internet Explorer 中行使，他们必需酿成 EOT 名目。

Microsoft 早前就提供了一个 Web Embedding Fonts Tool (WEFT) 器材，辅佐网页开拓职员天生 EOT。它具有完全图形化的界面，可以或许扫描并辨认网站中行使该字体的全部字符，然后只把这些字符编码并打包到 EOT 字体名目中，随后就可以上传随处事器上行使了。我行使过这款软件，感受用起来不利便不直观，并且并没有处理赏罚到我是用的字体。

除此之外，我还发明白其它一款开源的呼吁行器材 ttf2eot (回收 GNU GPL v2 容许)，并有 Windows 版本提供下载。该器材最初为 Unix 体系而开拓，因此用法上和平凡的 Windows 措施不太一样，它会将字体转换为输入流，然后写入到输出流中，也就是说，必要在 Windows 呼吁提醒符中运行相同下方的呼吁：

TTF2EOT < MyFont.ttf > MyFont.eot

行使 CSS @font-face

此刻，必要行使的字体同时筹备好了被赏识器所行使的两种名目，必要在网页中引用该字体，然后在标志中挪用。

要让全部赏识器都能正确表现这种嵌入字体，其 CSS 代码很是简朴。只需按正确次序分列 @font-face 声明，这样全部赏识器就都可以挪用吻合的字体信息了：

声明 font-face 之后，就可以像其他体系内置字体一样行使了：

就是这样简朴！筹备好这种字体的两种名目，然后以正确的次序引用它们，最后就可以在网页中行使它了。

本文由 wbpluto 翻译自 MSDN Blog ，目标是让海内喜爱者更多的相知趣关技能。全文内容忠于原文，词汇遵照微软官方翻译，只有少数语句为了便于领略和阅读而做了语序上的调解。以括号加斜体誊写的是译者添加的备注。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!