CSS3——@font-face（文字字體包）

@font-face

下載外部字體包到本地，處理字體樣式

我們來看是怎么用的

        @font-face{
            font-family: '自定義';
            src: url('地址');
        }
       div{
           font-family: '用上面自定義的名字'
       } 

在我們中文的網址中實際用到的不多，因為中文的字體包都很大，所以加載速度會大大減慢。

除非字體包里面不大，用到的東西不多

說明：

設置嵌入HTML文檔的字體。

• 需要兼容當前的主流瀏覽器，需同時使用TureTpe(.ttf)、Web Open Font Format(.woff)、Embedded Open Type(.eot)、SVG(.svg)四種字體格式。
• 嵌入HTML文檔的字體是指將OpenType字體（壓縮的TrueType字體）文件映射到客戶端系統，用來提供HTML文檔使用該字體，或取代客戶端系統已有的同名字體。即讓客戶端顯示客戶端所沒有安裝的字體。
• .eot(Embedded Open Type)為IE的私有字體格式。Safari3.1開始支持.ttf(TrueType)和.otf(OpenType)。
• 未來.woff(Web Open Font Format)將會取代.ttf(TrueType)和.otf(OpenType)兩種字體格式。
• 示例：使用一個全瀏覽器兼容的自定義字體

　　

        @font-face {
             font-family: 'diyfont'; 
             src: url('diyfont.eot'); /* IE9+ */ 
             src: url('diyfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
             url('diyfont.woff') format('woff'), /* chrome、firefox */ 
             url('diyfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ 
             url('diyfont.svg#fontname') format('svg'); /* iOS 4.1- */ 
        }