最近在學習CSS時,我試圖添加一個外部字體。然後我對.otf
字體和.ttf
字體感到困惑,這兩種字體都適合我。但從那一刻起,我想更多地瞭解這些。OpenType字體和TrueType字體。有什麼不同?
哪個更適合網頁內容的外部字體?爲什麼?
整體差異是什麼?
謝謝。
最近在學習CSS時,我試圖添加一個外部字體。然後我對.otf
字體和.ttf
字體感到困惑,這兩種字體都適合我。但從那一刻起,我想更多地瞭解這些。OpenType字體和TrueType字體。有什麼不同?
哪個更適合網頁內容的外部字體?爲什麼?
整體差異是什麼?
謝謝。
簡答:在你問的上下文中,差異是無關緊要的。使用WOFF。
稍微長一些的答案:兩種格式都被幾乎所有的東西支持,而且這兩種格式都只是不同種類的OpenType(spec)字體,所以可以打包成WOFF(或者現在的WOFF2)甚至需要知道它是.otf還是.ttf文件。
最長答案:.otf幾乎普遍都是CFF輪廓的OpenType字體,而.ttf幾乎普遍都是具有TrueType輪廓的OpenType字體。
在現實世界中,這裏的時間差異比較下載字體所需要的時間是微不足道的,所以對於web字體的目的,唯一的考慮因素是「哪一個更小的」,而不是「它有哪些擴展」 。不管你是否擁有「真正的」.otf文件,這也是很重要的:設計正確的.otf文件將比等效的.ttf文件小得多,但是如果你通過類似的.otf文件字體松鼠,情況並非如此,你也可以使用.ttf。
然後當然就像短而長的答案:「但是,真的,你只是想把最小的一個包裝成WOFF,所以你不需要多個來源。自從.ttf vs .otf和.eot天以來,瀏覽器已經開始運行,現在一切都支持WOFF。使用它,不要將所有其他格式放在@ font-face規則中。他們只是噪音。
http://stackoverflow.com/questions/8602013/true-type-vs-open-type – isherwood 2014-11-04 20:35:30
@isherwood我真的不明白那個說TrueType輪廓和CFF輪廓的答案...我想知道差異在簡單的英語中解釋... – cuSK 2014-11-04 20:38:39
當然,但這不是什麼在這裏。 :) – isherwood 2014-11-04 20:39:01