Web版式的本日、本日和明天

版式是一种壮大的工具，“可以或许颠末它阐明、认同和分享文本的寄义(大概它短少寄义)，大概成心地举行假装。”版式的这个典范的界说来自于Robert Bringhurst的The Elements of Typographic Style，它同样适用于web版式，此中触及在几毫秒的工夫内捉住读者的注重力—不然就会落空他们，使得他们赐顾另外一个网站、另外一个链接大概另外一种吸收人的声响。

在The Elements of Typographic Siyle (它被看做是版式的圣经) --书的前言中。Robert Binghurst指出版式的根蒂根基原则自力于任何特定的排版前言。但是在颠末差不多20年在Web上设置字体的苦楚以后，企图师终于可以或许扬眉叶气且可以或许在不危及细节或完成的情形下应用需要的款式元素。近几年在肯定web版式的将来方面饰演着至关重要的脚色:仅仅几年前还没法设想的工作在明天曾经酿成了能够，而且将在明天乃至会变得更好。

字体企图师Jos Buivenga 宣称“Web上的笔墨正在变得庄重”，他觉得Web版式企图很是有前途一对付字体企图师和 Web企图师都是如斯。Jon Tan热忱地把Web版式的以后状态称为“繁荣兴旺”“对付Web版式来讲，如今是一个振奋人兴的时辰。”Stephen Coles赞成地说道，“新技能、应用笔墨的新体例，和专”]为新前言创立的新字体层出不穷。”在过去几年不是如斯使人兴奋，因为没有大众的尺度,而且只会在字体供应商、欣赏器制造商和用户傍边引起关于“Web上的字体应当如何工作” 的争辩。

1.web版式的演变

在过去几年发生了甚么工作使企图师对web上的版式的状态觉得如斯冲动和悲观？自从1995年以来我们确实走了一段很长的路，事先Netscape初次把标签增长到HTML中。Web企图师没用多长工夫就对他们的排版选项如斯受限定和HTML如斯受内容和款式的节制觉得不满意。第二年，发布了第一个CSS(层叠款式表)标准，用于把暗示与构造分离隔。

CSS”不但可以或许使web文档更摩登”，Bert Bos写道，他于1996年插手W3C(万维网同盟)并处置与CSS相干的工作，“它还为与我们的语义web的目的相背叛的理论举动供应替换方案：标签、替换文本的图象、分隔符元素。我们但愿HTML文档可拜候、自力于装备、轻易维护而且可重用，因而我们测验考试把文本/构造与款式分离隔，使其尽能够轻易和有吸收力。”

在Web上行使CSS属性编排文本款式变得如斯轻易和高效，它们可以或许节制字母之间的间距、笔墨、定位、偏向、文本颜色和款式。一个成绩获得了办理, 可是另有很多成绩依然有待办理，包含不克不及指定用户的机械.上不存在的字体。Web企图师别无挑选，只能应用多种文本替换技能以显露非Web平安的字体，好比静态图象替换、sIFR、 Cufon、 typeface.js 和Facelift。每种技能都有它自己的成绩:增长的页面加载工夫和页面巨细、对第三方应用法式或JavaScript的依靠、不行挑选的文本，大概费时的文本更新和文本天生。上述的一切技能都不发起用于大块的文本。明显，须要一种更直观、更天然的排版体例。

     当CSS2标准于1998年发布时，给企图师引|荐了@font-face法则，它颠末链接到不属于核心Web平安字体一部门的字体， 可以或许革新字体挑选进程。但是，很多工作都犯错了。Microsoft 和Netscape在它们的欣赏器中挑选分歧的体例来撑持Web字体，而不是撑持应用最普遍的字体格局，即TrueType。Netscape 撑持TrueDoc ; Microsoft则开辟了专有的eOT ( Embedded OpenType Format, 嵌入式OpenType格局),它固然获得了Adobe和Monotype字体办事商的撑持，可是没有取得更普遍的认可，因为用户不想与错综庞大的、仅属于Microsoft的技能打交道。

十年后，@font -face王者返来，而且如今看起来依然是如许。2007 年，Microsoft为一切人开放了EOT,并把它们的EOT发起提交给W3C。不外这一一次，因为DRM ( Digit Rights Management,数字版权办理)顾忌，其他的刘览器供应商谢绝撑持它。Microsoft 用于把.tf字体转换成.eot 的工具(称为WEFT，web嵌入式字体工具)并没有起到应有的感化。很多人发明应用它时使人搅浑而且使人受挫，促使开辟职员寻觅其他的挑选。

明显，这时候须要新的格局:它包含OPenType.无需允许、只景码而且最少与EOT一样高效。如许- "种格局是WOFF(web开放字体格局)，它是字体企图师Formuat, Web开放字体格局)，它是字体企图师Erikvan Boklnd和TalLeming在Moilla的Jonathan Kew的帮忙下协同工作的结果，并月由, Web字体工作组( Web Fonts Working Group)举行了进一步的开辟Dagget牵头的Moilla Firefox 3.6成为第一款带有WOFF撑持的浏收盟Microsoft在Internet Explorer 9中增长了对WOFF的完全撑持:Co "，Chrome在版本5.0中增长了对它的撑持，WebKit也将增长WOFF撑持2009年2月，字体编纂器FontForge增长了WOFF撑持，因而如今可以或许间接把字体导出为WOFF。

WOFF是基于sfint的字体(如TrueType Font或TF、OpenType Font或OTF、Open Font Fomat或OFF )的从新打包的紧缩版本，致使其下载巨细比OpenType和TrueType字体要小很多。WOFF包含可选的元数据，容许字体供应商行使元数据和私用数据符号它们的字体一这是 WOFF获得了重要的字体造字商撑持的重要缘由。作为一种通用的Web字体尺度，WOFF 1.0 颠末应用实在的文本取代图象大概多种文本替换技能，有助于推动Web上丰富的版式，在线保存品牌标识和革新网站的可拜候性，使得它们更轻易被搜刮引擎发明。应用WOFF的另外一个同等重要的利益是:应用其他说话创立网站成为能够，此中-些说话没有普遍可用的字型。

“对付Web企图师来讲，WOFF意味着乃至更多的笔墨办事商将介入web允许.而且可以或许行使多种体例购置字型允许。你能够曾经从FonFror取得了WOFF文件的允许证“，Typekit的笔墨司理Tim Brown如许说道，高端SEO优化，响应式网页设计，高端建网站，Typekit是最早的web字体托付和托管办事之一。

2.现今web版式的状态

     回到2006年,Oliver Richensein凭借一个勇敢的声明摆荡了企图次序，他声明摆荡了触及次序，他宣称“web上95%的信息都是书面说话，web企图师应当在构成书面说话的重要学科(即版式)中取得优良培训的说法是最符合逻辑的。“假定他是在明天写出这篇文章，将不会如斯有争议。回到谁人时期，Flash和”摩登的图片“统治着企图界；数目无限的体系字体使图形企图师觉得懊丧，而且不足以激励重要依附自学成才的web企图师冲破web版式的限定。

     一切这些改变都要归功于一串无意偶尔发明的事务一从 John Boardley的网站ioeTypogaphly com (公用于各种笔墨)的胜利启动，到CSS版式中的最新希望和@font- face的王者返来，到字体托付办事(如Typekit或Fontdeck)的竖立和Web字体的欣赏器级撑持，再到才华横溢的Web企图师凭借超卓的观察力疾速擦过版式细节，他们冲破了在Web上行使版式可以或许完成甚么后果的边界。突然,企图界开端以一种新的眼力对待Web版式，着迷于笔墨的企图师截至了只斟酌到平安的守旧做法，开端在屏幕上实验各种笔墨，并从中取得兴趣。

     一些Web企图师扩大了他们的css字体库，增补了对付Web非传统的字体。这些字体容许他们]把企图梳妆得整整齐齐，并把它们带到下一个条理。其他企图师(尤其是“版式不是关于挑选一种很酷的字体”这个看法的撑持者)颠末只坚持应用十种核心Web字体中的一两种字体来愉悦我们的眼睛。不外，绝大多数网站在版式方面依然有所滞后。2005 年, Richard Rutter 决议颠末发布他的网站The Elements of Typographic Style Applied to the web来帮忙web企图师，他把该网站构构成“逐渐进修Bringhurst的工作原则，注释了如何让应用HTML和CSS中供应的技能来完成每个步调“。

但是不幸的是，乃至在明天，具有丑恶的web版式的网站数目依然远远多于使人心旷神怡的网站数目。“总体来讲，Web 版式依然非常拙劣, 即便只斟酌专业企图的网站也是如斯。固然也有很多确实很精美的Web版式的示例，怕是这些在弘大的贸易Web情势中依然极端少见。”Richard 说道。不外，拙劣的Web版式几近不触及字型的挑选。Richard 觉得“它更多地触及存眷版式的细节、字行的长度、深图远虑的行距(字行的高度).精确的字型，和存眷版式的颜色、经心企图的边距等。一切的小细节联合起来可以或许极大地革新欣赏体验”。Richard 把人们短少对版式的存眷归因于“历史上短少可供Web企图师应用的字型;一遍又- 遍地与相同的字体打交道致使在应用它们时不怎么上心，现实上应当更留意才对”。