本文介绍如何从字体中抽取拼音字符，生成专用的拼音字体，并提供在HTML页面中使用的示例。利用线上工具和node.js的font-spider进行操作，可生成不同格式的字体文件，便于Web兼容。通过在cmd中运行指令，完成字体的制作和引入。
本文以拼音为例，从字体中抽出所有拼音字符生成专用的拼音字体并在网页中使用该字体。
拼音字符：
ɑoeiuübpmfdtnlɡkhjqxzcsrywāáǎàōóǒòēéěèīíǐìūúǔùǖǘǚǜ
工具：
线上工具：https://www.fontke.com/tool/subfont/
用法简单：
node工具：font-spider ./demo/*.html
字蛛是比较老也是比较推荐的方案毕竟很灵活，且可生成web所需的多种可兼容格式如woff,woff2,svg,ttf等。用法：https://github.com/aui/font-spider
这样我们就抽选出了仅带有指定字符的字体，如果需要修改字符形状等，建议使用fontCreater。
使用范例test.html：
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
