WebFont使用


化石原创文章,转载请注明来源并保留原文链接


1、下载需要的ttf字库文件,比如可以搜索PingFang-SC-Regular.ttf下载

2、安装fonttools

pip install fonttools

3、上面的工具安装后可以启用命令

pyftsubset pathofttffile –text=”characterneeded” –output-file=”generatedfilepath”

举例:

pyftsubet ~/PingFang-SC-Regular.ttf –text=”1234567890″ –output-file=”./output.tty”

4、生成的字库文件转化成svg文件,使用下面的在线网站直接转化

https://convertio.co/

5、转化后的svg使用这个在线网站转化成网站需要的资料

http://fontello.com/

到这里我们就得到了加密后的字库和对应的字与它的代码的关系(可以在上面的资料的demo.html看映射关系)

6、拷贝第5步的css文件和字库到工程

7、写一个自己的css类给特定的显示使用,里面的font-family使用我们6中css文件中的font-face定义到的名字

8、使用。在需要的地方,引入我们自己的css类,显示的内容的码由后台通过字和代码的映射,替换原来的字。然后交由浏览器显示即可。


化石原创文章,转载请注明来源并保留原文链接


1 评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注