字體發(fā)展簡史
@font-face 與 EOT(Embedded Open Type) 格式
之所以把它們放到一起是因為首個實現(xiàn) @font-face 和 EOT 的是同一家公司 - 微軟。早在九十年代 CSS 就有了自定義字體的語法阅嘶,IE4是首個實現(xiàn)此語法的瀏覽器狡汉,沒錯窟扑,就是IE泳赋。不過歪沃,字體格式只能是微軟自己開發(fā)的 EOT(Embedded Open Type) 格式蟋字。EOT 允許字體的作者保護字體不被非法復制沉御,微軟不允許其他瀏覽器廠商使用該格式硅堆,因此它只能在 IE 下使用屿储。
這對當時來說太超前了。還記得在 windows XP 下看使用了『微軟雅黑』的網頁嗎渐逃?當時的系統(tǒng)用一種簡單的灰階反鋸齒技術够掠,對于系統(tǒng)的字體這足夠了,但對于其他字體茄菊,由于缺少人工的優(yōu)化疯潭,字體會變得很虛。因此面殖,本來想改進網頁的排版效果竖哩,結果卻使文字都無法閱讀
于是,CSS2.1 中徹底去掉了 @font-face 語法也不足為奇了脊僚。
SVG
SVG是什么?Scalable Vector Graphics(簡稱SVG)相叁,是“可升級矢量圖形”的意思。SVG是由W3C制定的基于可擴展標記語言(XML)來描述二維矢量圖型的一個開放標準辽幌。SVG嚴格遵從XML語法增淹,SVG并用文本格式的描述性語言來描述圖像內容,因此SVG是一種和圖像分辨率無關的矢量圖形格式舶衬。
SVG可以使你設計的網頁可以更加精彩細致埠通,使用簡單的文本命令,SVG可實現(xiàn)色彩線性變化逛犹、路徑端辱、自定義字體、透明效果虽画、濾鏡效果等各式常見的圖形圖像效果舞蔽。
truetype(.ttf)
truetype(.ttf) 是目前最普遍的字體格式,早在八十年代就被蘋果開發(fā)出來码撰,當時它作為一種可伸縮的字體格式用來代替位圖字體在屏幕上顯示渗柿,不久微軟也接受了這個格式,由于該格式可以針對特定大小做精準的微調,漸漸地成為系統(tǒng)字體的標準朵栖。
最新出現(xiàn)的 woff
最新出現(xiàn)的是 woff (web open type format)颊亮。woff 屬于 W3C 的推薦標準。由兩名字體設計師和兩位 Mozilla 的開發(fā)者設計陨溅。最早在 firefox 3.6 上實現(xiàn)终惑。事實上,woff 并不是一種新的字體格式门扇,它只是包裝 truetype 和 opentype 并進行壓縮雹有,壓縮后可以使 truetype 減少 40% 。除此之外臼寄,它還允許添加元信息霸奕,比如字體作者的許可證,不過瀏覽器并不對這些許可做任何驗證吉拳。