javascript - 移动端引入的字体文件过大该如何处理?
怪我咯
怪我咯 2017-04-11 11:08:59
[JavaScript讨论组]

一个移动端项目使用的是自定义字体,我让设计把字体文件发来之后看到超过70M

在移动端上使用这么大的文件是不是太恐怖了,
把这些文件引进之后,如何优化一下这些字体呢?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(4)
PHPz

移动端不应该引入自定义字体
手机上都会有自带的字体的。
而且引入字体的话会让加载变得异常慢。。。

阿神

1,首先,不需要的字形不需要导入,你需要重新编辑字库,重新生成字体文件(风险很大,可能会出现意外的字形;)
2,你可以试试SVG生成字体文件;在上传文字段及生成本页需要的字符集;浏览本页载入的字体文件可能每一页都不相同(动态部分一部分不同,静态部分独立载入);
3,一般自定义字体部分,是离线在本机的;

ringa_lee

如果文字的内容不会变,可以考虑使用字蛛把需要的文字的字体信息提取出来生成新的字体,以减小字体体积。

具体参见:字蛛

如果文字经常变,而且没有固定的范围,那么基本无解。使用第三方的字体和CDN差不多,改变了资源的访问方式,但其体积不太可能变化多少。

迷茫

用字蛛,或者Fontmin/进行切割。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号