字體面與回退

在此之後threat我倒是喜歡的base64對包括fontface如下：字體面與回退

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), 
     url('webfont.woff2') format('woff2'), 
     url('webfont.woff') format('woff'), 
     url('webfont.ttf') format('truetype'), 
     url('webfont.svg#svgFontName') format('svg'); 
}

但不是從文件系統加載的文件filecontent從數據庫爲base64字符串的到來。我的問題是我必須爲每種格式添加base64字符串（woff，woff2，svg，eot，ttf）嗎？像：

url(data:application/font-woff;charset=utf-8;base64,d09GMgABA… 
url(data:application/font-woff2;charset=utf-8;base64,d09GMgABA… 
url(data:application/x-font-truetype;charset=utf-8;base64,,d09GMgABA… 
url(data:image/svg+xml;charset=utf-8;base648;base64,,d09GMgABA… 
url(data:application/vnd.ms-fontobject;charset=utf-8;base64,d09GMgABA…

I'm問，因爲在看fontsquirrels時產生的生成樣式表的base64他們只提供一個爲base64其他本地文件。

來源

2015-09-25 t Book

你可能認識到這一點，但嵌入所有格式極大地增加了文件大小爲所有瀏覽器的用戶。（也許fontsquirrel正在尋找瀏覽器的微小市場份額，而不支持woff，並且認爲它是「不值得的」）。 –

感謝這可能是原因，因爲我找不到任何包含所有格式爲base64的源代碼。 –

Base64以ttf格式工作。

例子：

@font-face { 
     font-family: "CustomFont"; 
     src:  url(data:font/truetype;charset=utf8;base64,AAEAAAAQAQAABAAAT...) format("truetype"); 
    }

來源

2017-02-07 11:03:36 user3051730

字體面與回退

回答

相關問題