@font-face
“@font-face is essentially the ultimate solution for fonts on the web.”
@font-face基本上是網(wǎng)頁中字體的最終解決方案。
在所有的字體替換方法中，@font-face可能是受到關(guān)注最多的。但這是有充分原因的。@font-face基本上是網(wǎng)頁中字體的最終解決方案，在它被真正的實現(xiàn)之前，其它技術(shù)都想替代它的位置。其實在CSS2特性中就包含了@font-face，但直到今天它才被廣泛地采用。
@font-face在網(wǎng)頁上實現(xiàn)自定義字體，使用的技術(shù)無非是CSS——這意味著不再依賴于Flash，PHP甚至Javascript。當使用@font-face時，渲染的是真正的字體，而不是向量對象或圖片，因此文本可以被選擇、放大，使用CSS修改樣式。
不幸的是，就像其它和網(wǎng)頁有關(guān)的事情一樣，首先阻礙@font-face發(fā)展的就是瀏覽器（還有使用授權(quán)，我們會在下文中討論）。每一種主流瀏覽器的字體格式是不同的。Internet Explorer使用.EOT(Embedded Open Type)，而近期的Firefox、Chrome、Safari和Opera都支持.ttf(True Type Format)。一些瀏覽器也支持開放字體格式（Open Type Format），iPhone和iPad則需要SVG（Scalable Vector Graphics）。這些很讓人費解，有時會令很多人望而卻步。謝天謝地，還有一線曙光。網(wǎng)頁開放字體格式（即.WOFF）被定為網(wǎng)頁字體的標準格式，W3C正在對其進行標準化。3.6以上版本的Firefox和5.0以上版本的Chrome已經(jīng)支持這個格式，根據(jù)近期的聲明，IE9也支持這個格式。讓我們期待Opera和Safari也盡快參與進來。
關(guān)于@font-face，唯一還要提出的小問題是，因為它呈現(xiàn)的是真正的字體，不同的瀏覽器和操作系統(tǒng)的渲染效果會有細微的區(qū)別。一些網(wǎng)頁字體服務(wù)會使用字體微調(diào)來協(xié)助修正這些細微的差異，字體微調(diào)會在瀏覽器中平滑字體的輪廓，創(chuàng)造出更好看的字體。我們會更深入地探討這些服務(wù)。
如果你需要更多關(guān)于如何在網(wǎng)站中實現(xiàn)@font-face的信息，Jeffrey Way又一次提供了一篇非常有用的教程。
優(yōu)點：
- 保持了可用性——這意味著它能優(yōu)雅降級
- 支持Unicode
- 支持CSS字體樣式
缺點：
- 一些字體文件下載起來比較大
- 不同瀏覽器之間沒有統(tǒng)一的格式
- 不允許發(fā)布（據(jù)我們所知）——在確認你的發(fā)布許可之前，不能在模板或主題中使用。
接下來的解決方案依賴于@font-face來實現(xiàn)——每一個多少都算是一種服務(wù)——這意味著：它們都使用同樣的基本技術(shù)，但是它們提供不同的字體庫，授權(quán)選項，以及支付計劃；是的，大部分是需要付費才能使用，但這可能就是所有網(wǎng)絡(luò)字體的未來。
出處：Seemeloo西米露
責任編輯：bluehearts
上一頁 網(wǎng)頁設(shè)計師的字體替換方法指南 [2] 下一頁 網(wǎng)頁設(shè)計師的字體替換方法指南 [4]
|
第 1 頁 
第 3 頁 網(wǎng)頁設(shè)計師的字體替換方法指南 [3]
