AnkiMobile 字体踩坑：如何在 iPad 和 iPhone 上显示自定义楷体

这两天给女儿做 Anki 识字卡，在 Mac 电脑上看的时候，大号汉字是板板整整的规范楷体，笔画的撇捺、起笔出锋都很清楚。

Mac 界面	iPhone 界面

结果拿着 iPad 和 iPhone 打开 AnkiMobile 一复习，我第一反应是：怎么全变成黑体了？

因为初学认字，笔画形态如果变成粗细一样的黑体，像“提”和“横”、“撇”和“竖”的运笔细节就全平了，孩子很容易认混。

后来查了一下原因，其实很简单：iOS 和 iPadOS 系统压根就没有预装能直接调用的中文字库楷体。你在卡片 CSS 里写的 font-family: KaiTi, STKaiti, "Kaiti SC"，在电脑上有用，到了苹果移动端一个也找不到，最后只能一路退化，默认回落成系统的苹方黑体。

解决这个问题，网上很多教程教大家去 App Store 下工具装系统描述文件（Profile），其实完全没必要那么麻烦。Anki 本身就支持随媒体库打包字体，一次配置，所有设备全自动同步。

步骤非常简单，一共就三步：

1. 找一个字体，名字前面加个下划线

准备一个标准的字体文件（比如开源的规范楷体 .ttf 文件），把它重命名为以英文下划线开头，比如：

_kaiti.ttf

为什么一定要加下划线？
Anki 有个规则：以 _ 开头的文件，在执行“检查媒体”时不会被当作无用文件清理掉，并且会随着 AnkiWeb 自动同步给你的 iPhone 和 iPad。

2. 把字体扔进媒体文件夹

把这个 _kaiti.ttf 文件复制到电脑端 Anki 的媒体文件夹 collection.media 里。

• Mac 快捷键：在访达按 Cmd + Shift + G，输入 ~/Library/Application Support/Anki2/，找到你的用户文件夹，里面就是 collection.media。
• Windows 路径通常在：%APPDATA%\Anki2\你的用户名\collection.media。

3. 在卡片样式里加几行 CSS

打开电脑端 Anki：工具 -> 管理笔记类型 -> 选择你要改的模板 -> 卡片 -> 切换到“样式（CSS）”。

在样式的最顶上加上这几行：

@font-face {
  font-family: "CustomKaiTi";
  src: url("_kaiti.ttf");
}

然后找到你要改字体的那个类（比如我的汉字卡是 .front-character），把刚才自定义的名字放在最前面：

.front-character {
  font-family: "CustomKaiTi", KaiTi, sans-serif;
  ...
}

点保存。

最后，电脑端点一下「同步」，拿出 iPad 和 iPhone 打开 AnkiMobile 也点一下「同步」。

下载完媒体文件后，卡片上的字就老老实实全变成规范楷体了。换新设备或者长辈的手机拿来复习，只要登录同一个账号同步，也不需要重新折腾系统设置。