版式是一種宏大的東西，“不妨經(jīng)過它證明、認(rèn)可和瓜分文本的含意（大概它缺乏含意），大概蓄意地舉行假裝。”版式的這個(gè)典范的設(shè)置來自于robert bringhurst的the elements of typographic style，它同樣實(shí)用于web版式，個(gè)中波及在幾毫秒的功夫內(nèi)抓住讀者群的提防力—要不就會遺失她們，使得她們光臨另一個(gè)網(wǎng)站、另一個(gè)鏈接大概另一種招引人的聲響。

在the elements of typographic siyle (它被看作是版式的圣經(jīng)) --書的媒介中。robert binghurst指出書式的普通規(guī)則獨(dú)力于任何一定的排版媒體。但是在過程差不離20年在web上樹立字體的苦楚之后，設(shè)計(jì)師畢竟不妨揚(yáng)眉葉氣且不妨在不危及詳細(xì)或?qū)嵭械那榫跋逻\(yùn)用需要的款式元素。近幾年在決定web版式的將來上面表演著至關(guān)要害的腳色:只是幾年前還沒轍設(shè)想的工作在即日仍舊形成了大概，而且將在來日以至?xí)兊酶谩?/p>

字體設(shè)計(jì)師jos buivenga 宣稱“web上的筆墨正在變得鄭重”，他覺得web版式設(shè)計(jì)特殊有出息一對于字體設(shè)計(jì)師和 web設(shè)計(jì)師都是如許。jon tan關(guān)切地把web版式的暫時(shí)情景稱為“昌盛昌盛”“對于web版式來說，此刻是一個(gè)震撼人興的功夫。”stephen coles贊美地說道，“新本領(lǐng)、運(yùn)用筆墨的新辦法，以及專”]為新媒體創(chuàng)造的新字體不足為奇。”在往日幾年不是如許令人激動(dòng)，由于沒有大眾的規(guī)范,而且只會在字體供給商、欣賞器創(chuàng)造商和用戶傍邊惹起對于“web上的字體該當(dāng)怎樣處事” 的商量。

1.web版式的衍化

在往日幾年爆發(fā)了什么工作使設(shè)計(jì)師對web上的版式的情景感觸如許沖動(dòng)和達(dá)觀？自從1995年此后咱們簡直走了一段很長的路，其時(shí)netscape初次把<font>標(biāo)簽增添到html中。web設(shè)計(jì)師沒用多長功夫就對她們的排版選項(xiàng)如許受控制以及html如許受實(shí)質(zhì)和款式的遏制感觸不合意。第二年，頒布了第一個(gè)css(層疊款式表)典型，用來把表白與構(gòu)造分割開。

css”不只不妨使web文書檔案更美麗”，bert bos寫道，他于1996年介入w3c(萬維網(wǎng)同盟)并從事與css關(guān)系的處事，“它還為與咱們的語義web的目的相違反的試驗(yàn)震動(dòng)供給代替計(jì)劃：<font>標(biāo)簽、代替文本的圖像、分割符元素。咱們蓄意html文書檔案可考察、獨(dú)力于擺設(shè)、簡單維護(hù)而且可重用，所以咱們試驗(yàn)把文本/構(gòu)造與款式分割開，使其盡大概簡單和有吸吸力。”

在web上運(yùn)用css屬性編排文本款式變得如許簡單和高效，它們不妨遏制假名之間的間距、筆墨、定位、目標(biāo)、文本臉色和款式。一個(gè)題目獲得領(lǐng)會決, 然而再有很多題目仍舊有待于處置，囊括不許指定用戶的呆板.上不生存的字體。web設(shè)計(jì)師別無采用，只能運(yùn)用多種文本代替本領(lǐng)以表露非web安定的字體，比方靜態(tài)圖像代替、sifr、 cufon、 typeface.js 和facelift。每種本領(lǐng)都有它本人的題目:減少的頁面加載功夫和頁面巨細(xì)、對第三方運(yùn)用步調(diào)或javascript的依附、不行采用的文本，大概費(fèi)時(shí)的文本革新和文本天生。上述的一切本領(lǐng)都不倡導(dǎo)用來大塊的文本。明顯，須要一種更直覺、更天然的排版本領(lǐng)。

       當(dāng)css2典型于1998年頒布時(shí)，給設(shè)計(jì)師引|薦了@font-face準(zhǔn)則，它經(jīng)過鏈接到不屬于中心web安定字體一局部的字體， 不妨矯正字體采用進(jìn)程。但是，很多工作都墮落了。microsoft 和netscape在它們的欣賞器中采用各別的本領(lǐng)來扶助web字體，而不是扶助運(yùn)用最普遍的字體魄式，即truetype。netscape 扶助truedoc ; microsoft則開發(fā)了私有的eot ( embedded opentype format, 嵌入式opentype方法),它縱然獲得了adobe和monotype字體效勞商的扶助，然而沒有贏得更普遍的承認(rèn)，由于用戶不想與撲朔迷離的、僅屬于microsoft的本領(lǐng)打交道。

十年后，@font -face王者返來，而且此刻看上去仍舊是如許。2007 年，microsoft為一切人盛開了eot,并把它們的eot倡導(dǎo)提交給w3c。然而這逐一次，因?yàn)閐rm ( digit rights management,數(shù)字版權(quán)處置)擔(dān)心，其余的劉覽器供給商中斷扶助它。microsoft 用來把.tf字體變換成.eot 的東西(稱為weft，web嵌入式字體東西)并沒有起到應(yīng)有的效率。很多人創(chuàng)造運(yùn)用它季節(jié)人污染而且使人受挫，督促開發(fā)職員探求其余的采用。

明顯，這時(shí)候須要新的方法:它包括opentype.無需承諾、只景碼而且起碼與eot一律高效。如許- "種方法是woff(web盛開字體魄式)，它是字體設(shè)計(jì)師formuat, web盛開字體魄式)，它是字體設(shè)計(jì)師erikvan boklnd和talleming在moilla的jonathan kew的扶助下共同處事的功效，并月由, web字體處事組( web fonts working group)舉行了進(jìn)一步的開發(fā)dagget牽頭的moilla firefox 3.6變成第一款帶有woff扶助的瀏收盟microsoft在internet explorer 9中增添了對woff的實(shí)足扶助:co "，chrome在本子5.0中增添了對它的扶助，webkit也將增添woff扶助2009年2月，字體編纂器fontforge增添了woff扶助，所以此刻不妨徑直把字體導(dǎo)出為woff。

woff是鑒于sfint的字體(如truetype font或tf、opentype font或otf、open font fomat或off )的從新打包的收縮本子，引導(dǎo)其載入巨細(xì)比opentype和truetype字體要小得多。woff囊括可選的元數(shù)據(jù)，承諾字體供給商運(yùn)用元數(shù)據(jù)和私用數(shù)據(jù)標(biāo)志它們的字體一這是 woff獲得了重要的字體造字商扶助的重要因?yàn)椤?dòng)作一種通用的web字體規(guī)范，woff 1.0 經(jīng)過運(yùn)用如實(shí)的文本包辦圖像大概多種文本代替本領(lǐng)，無助于于促成web上充分的版式，在線保持品牌標(biāo)識以及矯正網(wǎng)站的可考察性，使得它們更簡單被探求引擎創(chuàng)造。運(yùn)用woff的另一個(gè)一致要害的長處是:運(yùn)用其余談話創(chuàng)造網(wǎng)站變成大概，個(gè)中-些談話沒有普遍可用的字型。

“對于web設(shè)計(jì)師來說，woff表示著以至更多的筆墨效勞商將介入web承諾.而且不妨運(yùn)用多種辦法購置字型承諾。你大概仍舊從fonfror贏得了woff文獻(xiàn)的承諾證“，typekit的筆墨司理tim brown如許說道，typekit是最早的web字體托付和托管效勞之一。

2.現(xiàn)在web版式的情景

       回到2006年,oliver richensein依附一個(gè)果敢的證明遲疑了設(shè)計(jì)程序，他證明遲疑了波及程序，他宣稱“web上95%的消息都是口語言，web設(shè)計(jì)師該當(dāng)在產(chǎn)生口語言的重要學(xué)科（即版式）中贏得杰出培養(yǎng)和訓(xùn)練的講法是最符合論理的。“即使他是在即日寫出這篇作品，將不會如許有爭議?；氐秸l人期間，flash和”美麗的圖片“統(tǒng)制著設(shè)計(jì)界；數(shù)目有限的體例字體使圖形設(shè)計(jì)師感觸懊喪，而且不及以鼓勵(lì)重要依附自習(xí)成才的web設(shè)計(jì)師沖破web版式的控制。

       一切那些變換都要?dú)w功于一串偶爾創(chuàng)造的事變一從 john boardley的網(wǎng)站ioetypogaphly com (專用來百般筆墨)的勝利啟用，到css版式中的最新發(fā)達(dá)和@font- face的王者返來，到字體托付效勞(如typekit或fontdeck)的創(chuàng)造和web字體的欣賞器級扶助，再到本領(lǐng)橫溢的web設(shè)計(jì)師依附精巧的查看力趕快掠過版式詳細(xì)，她們沖破了在web上運(yùn)用版式不妨實(shí)行什么功效的范圍。遽然,設(shè)計(jì)界發(fā)端以一種新的見地對于web版式，沉淪于筆墨的設(shè)計(jì)師遏止了只商量到安定的頑固做法，發(fā)端在屏幕上考查百般筆墨，并居中贏得歡樂。