扫码关注官方订阅号
一个移动端项目使用的是自定义字体,我让设计把字体文件发来之后看到超过70M
在移动端上使用这么大的文件是不是太恐怖了,把这些文件引进之后,如何优化一下这些字体呢?
走同样的路,发现不同的人生
移动端不应该引入自定义字体手机上都会有自带的字体的。而且引入字体的话会让加载变得异常慢。。。
1,首先,不需要的字形不需要导入,你需要重新编辑字库,重新生成字体文件(风险很大,可能会出现意外的字形;)2,你可以试试SVG生成字体文件;在上传文字段及生成本页需要的字符集;浏览本页载入的字体文件可能每一页都不相同(动态部分一部分不同,静态部分独立载入);3,一般自定义字体部分,是离线在本机的;
如果文字的内容不会变,可以考虑使用字蛛把需要的文字的字体信息提取出来生成新的字体,以减小字体体积。
具体参见:字蛛
如果文字经常变,而且没有固定的范围,那么基本无解。使用第三方的字体和CDN差不多,改变了资源的访问方式,但其体积不太可能变化多少。
用字蛛,或者Fontmin/进行切割。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
移动端不应该引入自定义字体
手机上都会有自带的字体的。
而且引入字体的话会让加载变得异常慢。。。
1,首先,不需要的字形不需要导入,你需要重新编辑字库,重新生成字体文件(风险很大,可能会出现意外的字形;)
2,你可以试试SVG生成字体文件;在上传文字段及生成本页需要的字符集;浏览本页载入的字体文件可能每一页都不相同(动态部分一部分不同,静态部分独立载入);
3,一般自定义字体部分,是离线在本机的;
如果文字的内容不会变,可以考虑使用字蛛把需要的文字的字体信息提取出来生成新的字体,以减小字体体积。
具体参见:字蛛
如果文字经常变,而且没有固定的范围,那么基本无解。使用第三方的字体和CDN差不多,改变了资源的访问方式,但其体积不太可能变化多少。
用字蛛,或者Fontmin/进行切割。