web – 将多个.woff文件合并为一个
发布时间:2020-12-14 18:26:43 所属栏目:资源 来源:网络整理
导读:在我管理的网站上,我们有几个.woff文件,每个字体一个.为了节省加载时间,我想减少发出的请求数量.是否可以将这些woff文件合并为一个资源? 解决方法 您可以使用base64将woff资产捆绑到CSS中. 在@ font-face声明中: url('data:application/x-font-woff;base64
在我管理的网站上,我们有几个.woff文件,每个字体一个.为了节省加载时间,我想减少发出的请求数量.是否可以将这些woff文件合并为一个资源?
解决方法
您可以使用base64将woff资产捆绑到CSS中.
在@ font-face声明中: url('data:application/x-font-woff;base64,myVeryLongBase64StringGoesHere...'); 这可能会增加资产的文件大小.根据我的经验,这通常约为20% – 与同等的TTF文件大致相同.其中大部分都可以通过支持gzip的服务器来恢复.我可以接受这种权衡,但是YMMV. 正如在CSS中嵌入blob时经常建议的那样 – 将它们全部保存在一个单独的样式表中,以您的基本样式引用.否则,客户端可能正在等待字体加载,然后才能按预期看到您的内容. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |