字体面与回退

在此之后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

字体面与回退

回答

相关问题