首先准备一个字体库,可以在网上随便找,本例字体库是本墨悠圆链接:http://www.zhaozi.cn/html/fonts/china/benmo/2019-02-01/25085.html
为了用起来方便字体重命名成:bmyy.ttf
从字体库提取要加密的字符需要用到fonttools
pip install fonttools
pyftsubset <字体文件> --text=<需要的字形> --output-file=<输出>
还有很多其他工具,见说明:https://github.com/fonttools/fonttools
pyftsubset D:\font\bmyy.ttf --text=“1234567890”
在CMD执行命令会在字体相同文件夹内生成一个bmyy.subset.ttf ,里面就是提取出的字符。
因为创建字体的网站只能上传svg格式,所以需要把ttf转成svg,链接:https://cloudconvert.com/ttf-to-svg
用http://fontello.com/创建字体,将上一步转换的svg直接拖入网页
选择需要修改的字符,这里选了0~9
选customize codes对字符重新编码
数字下面的unicode可以随便改,但必须记住unicode和数字的对应关系,下面会用得到
数字上面的是替代的字符预览。修改完成后右上角改名下载新字体,下载的是个压缩包,字体在font文件夹里。
fontello其他用法见:https://github.com/fontello/fontello/wiki/How-to-create-my-own-font
自定义的新字体,数字部分用unicode替代
用@font-face要首先定义字体的名称例如new_font,然后定义指向该字体文件的uel。
<style>
@font-face { font-family:‘new_font‘;
src: url(‘D:/font/new_font.woff‘) ,url(‘D:/font/new_font.eot‘); /* IE9 */ }
.new_font
{
font-family:myFirstFont;
}
</style>
页面代码
<html> <head> <title>new font</title> <meta charset="utf-8" lang="zh"> <style> @font-face { font-family: ‘new_font‘; src: url(‘D:/font/new_font.woff‘) } .new_font { font-family: "new_font"; } </style> </head> <body> <div> <span class="new_font">啦啦啦</span> </div> </body> </html>
在浏览器上显示正常
右键检查,数字部分全部变成方块
原文:https://www.cnblogs.com/shenyiyangle/p/10703860.html