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如许说道，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非传统的字体。这些字体许可他们]把打算妆扮得整整齐齐，高端建网站，高端SEO优化，响应式网页设计，并把它们带到下一个条理。其他打算师(尤其是“版式不是关于挑选一种很酷的字体”这个概念的支撑者)经由进程只对峙应用十种核心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打算师应用的字型;一遍又- 各处与相同的字体打交道招致在应用它们时不怎么上心，现实上应当更留意才对”。