在@ font-face中使用SVG字體而不是TTF/EOT有什麼好處？

我正在調查@ font-face聲明中SVG字體的用法。到目前爲止，只有Safari 4和Opera 10似乎支持它。 Firefox 3.5不支持它，但有一個錯誤報告，但尚未提供修復（雖然有修補程序）。在@ font-face中使用SVG字體而不是TTF/EOT有什麼好處？

我想知道，在主流瀏覽器中支持@ font-face，使用SVG字體格式代替TTF/OTF/EOT格式有什麼優勢？我可以從上面鏈接的討論中收集到的唯一優點是，您可以將自己的缺失的gylph添加到尚不支持它們的字體中。

是否有任何其他原因指定CSS中的SVG字體？

來源

2009-09-19 Divya Manian

它似乎是在移動Safari上使用網絡字體的唯一方法。如果您正在開發iPhone和iPad，那麼這是一個非常大的優勢。字體Squirrel的@font-face generator可以從任何OpenType字體創建適當的SVG文件和CSS語法。

來源

2010-04-04 23:51:17

這已經過時了，大概是，除非你真的必須支持真正舊版本的iOS（它有一個很小的使用份額）。 http://caniuse.com/#feat=fontface – 2013-02-20 08:54:37

的W3C狀態這些優點：

一個缺點web字體設施至今是規格如[CSS2]不要求支持的特定字體格式。結果是不同的實現支持不同的Web字體格式，從而使Web站點創建者難以使用跨所有用戶代理工作的WebFonts發佈單個Web站點。

爲了提供SVG的通用字體格式，並保證SVG查看器支持SVG，SVG提供了一種在SVG中定義字體的工具。這個工具被稱爲SVG字體。

SVG字體可以提高表示文本的圖形的語義豐富度。例如，許多公司徽標由藝術家繪製的公司名稱組成。在某些情況下，可以通過將徽標表示爲SVG字體中的一系列字形，然後將徽標呈現爲引用此字體的「文本」元素來增強可訪問性。

但是，由於缺乏瀏覽器支持，通用格式的要點並未真正計算在內。

來源

2009-09-23 06:33:32

svg webfonts無法在脫機webapp中工作。你可以在這裏看到一個例子：http://straathof.acadnet.ca/beta2.2將該文件保存到一個網頁，開啓飛行模式並將其打開。所使用的svg字體和命名系統導致字體url失敗。

希望蘋果很快就能修好。

來源

2010-09-16 16:46:00

在@ font-face中使用SVG字體而不是TTF/EOT有什麼好處？

回答

相關問題