自定义WordPress中文字体的一种方法

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


参考&感谢:

GitHub – ecomfe/fontmin:https://github.com/ecomfe/fontmin

在线字体转换:https://www.fontke.com/tool/convfont


起因:

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

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

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

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


流程:

  • 下载Fontmin的Windows版本程序。
    • 该版本只支持处理.ttf字体。
  • 下载所需字体,注意授权问题。
  • 提前将其他格式的字体转换为.ttf。
  • 选取所需的字符让Fontmin生成文件。
  • 在生成的文件中选择所需的文件上传。
    • 除了.ttf之外,还有.woff等可选。
  • 在WordPress写文章时,自定义HTML:
<style>
@font-face {font-family:x;src:url('https://example.com/font.ttf');}
</style>

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

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

弃坑:

写起来简单,操作起来还挺麻烦的……而且与现行的区块编辑器格格不入。

子集化的字体大小视字符多少而定,例如TTF测试页的.ttf文件约600K。

考虑到我一年不见得写几次博客,最后还是心安理得地放弃折腾了。

字体文件从处理、储存、管理到使用,手动操作还是挺麻烦。

不过如果以后学了点PHP,或许可以考虑写个插件什么的。

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

发表回复

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