CSS調用遠端字型

CSS中的@font-face方法可以調用伺服器端的字型。

@font-face { 

     font-family:name; 

     src: local('Ubuntu'), url(url) format('woff');

     sRules

}

相容性的情況，Chrome、Firefox、Opera均沒有問題，IE系列不支援 .ttf 和 .otf。相容IE需要 .eot 或者 .woff 的字型格式。

那麼為了更好的使用font-face，我們需要做的就是提高字型的加載及響應時間。

對于字型的Format，主要有以下幾種字型：

1、TrueType（.ttf）格式。

.ttf 字型是Windows和Mac的最常見的字型，是一種RAW格式。

2、OpenType（.otf）格式。

.otf字型被認為是一種原始的字型格式，其内置在TrueType的基礎上，提供了更多的功能。

3、Web Open Font Format（.woff）格式。

.woff字型是Web字型中最佳格式，是一個TrueType的壓縮版本，同時也支援原資料包的分離。

4、Embedded Open Type（.eot）格式。

.eot字型是IE專用字型，可以從TrueType建立此格式字型。

5、SVG（.svg）格式。

.svg字型是基于SVG字型渲染的一種格式。

參考資料：