前端特殊字体包如何最后加载

前端特殊字体包如何最后加载,第1张

某些场景需要动态加载网络字体,整体思路为: 当需要加载字体时,向DOM添加@font-face,动态加载字体

问题在于字体包的大小,中文包小则1MB,大则10MB,而实际使用到的字符可能仅有几个,全量加载会造成带宽浪费。此时可用字体子集化来解决,用户需要加载字体时,向服务器发送字体信息和实际使用字符,服务器生成字体子集返回,以下表为参考,子集中的1个字符仅占原字体的 0.0014% ~ 0.0134%这是一个Google开源项目sfntly中的一个工具逻辑优化#每次发送请求给服务器时,如果没有对内容进行唯一性判断,可能会遇到生成子集完全相同的情况,浪费带宽和算力,所以前端请求前应该进行如下 *** 作。

前端字体就是TrueType字体,用于显视和打印。TrueType字体都安装在系统的字体文件夹中。在排版软件中使用!

后端字体是指后端RIP中使用的字体,一般常见的是CID字体。当后端RIP中的字库涵盖前端字体时,前端排版软件中在生成结果文件时不用下载使用过的字体。

把从网上下载你需要的字体拖放到C:\WINDOWS\Fonts,就自动(注意:自动)安装了。

字体库地址:

http://cache.baidu.com/c?word=%D6%D0%CE%C4%3B%D7%D6%CC%E5%3B%CF%C2%D4%D8&url=http%3A//www%2Edown163%2Ecom/other/2%5F1%2Ehtml&b=0&a=2&user=baidu

http://cache.baidu.com/c?word=%CF%C2%D4%D8%2C%D7%D6%CC%E5&url=http%3A//www%2Egoodfont%2Enet/down%2Easp&b=0&a=2&user=baidu

参考:

怎样添加WORD中的字体

http://zhidao.baidu.com/question/430116.html

如何在计算机中增加新字库?

http://zhidao.baidu.com/question/606425.html

http://zhidao.baidu.com/question/649816.html

如果是QQ字体,1、安装以后,可以象发送表情一样的发送。2、在发送信息的窗口中,光标闪烁的时候----鼠标右键---使用转义符输入表情。

在iconfont网站找到你需要的字体图标,将其添加到购物车中。然后,打开你的购物车,选择下载代码

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第二步

解压下载的文件包,如图

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第三步

将其中以eot/svg/ttf/woff/woff2结尾的文件进行更名,如图

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第四步

将改名字的文件移入前端项目中,如图

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第五步

打开刚才下载的iconfont.css文件,将引用的文件名同步修改

修改前

如何不通过iconfont项目向已有字体图标中添加新的字体图标

修改后

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第六步

打开前端项目中的iconfont.css,将刚修改的css代码复制进来

如何不通过iconfont项目向已有字体图标中添加新的字体图标

这样就大功告成了,一个新的字体图标就加入进来了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11728377.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存