【建站】自定义WordPress中文字体的一种方法

本文记录了自定义WordPress中文字体的字体子集化方法。


参考&感谢:

https://github.com/ecomfe/fontmin

https://www.fontke.com/tool/convfont

因为不想用WebFont或对象存储加载中文字体,

那么,几M甚至十几M的中文字体文件必须缩小。

查了些资料后依葫芦画瓢实现了中文字体子集化,

并在Plesk虚拟主机上实现了自定义WP中文字体。


流程:

  • 下载Fontmin的Win版本程序。
    • 程序源码见开篇GitHub。
    • Win版本只支持处理.ttf。
  • 下载所需字体,注意授权问题。
  • 提前将非.ttf字体转换为.ttf字体。
    • 开篇中有在线字体转换网站。
  • 选取所需全部字符让Fontmin生成文件。
  • 在多个文件中选择所需格式的文件上传。
    • 除了本文用的.ttf,还有.woff等可选。
  • 在WordPress写文章时,自定义HTML:
<style>
@font-face {font-family:x;src:url('https://example.com/x.ttf');}
</style>

<!--x.ttf:你的字体文件-->

<div style="font-family:'x'">
示例字:Hello, World!
</div>

弃坑:

写起来简单,操作起来还挺麻烦的……

而且与现行的区块编辑器格格不入。

另外,字体的大小视字符多少而定,

例如TTF测试页的.ttf文件约600K。

字体文件的储存和管理也要操心。

考虑到我一年不见得写几次博客,

最后还是心安理得地放弃折腾了。

“【建站】自定义WordPress中文字体的一种方法”的一个回复

发表回复

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