RemNote iPhone 端 Flashcard 字体太小？用 CSS 解决

换了新 iPhone 之后，打开 RemNote 刷葡语单词卡，发现 flashcard 上的字小得让人皱眉。戴着眼镜看还是费劲，280 张卡片刷下来眼睛很累。

直觉反应是去 Settings 找字体设置——翻遍了 Appearance 选项，什么都没有。去社区搜了一下，发现这是一个被用户抱怨了两年多的老问题。RemNote 官方的回复是：

"目前唯一的解决方案是使用自定义 CSS，我们希望在未来的更新中加入这个设置。"

两年过去了，功能还没上线。那就自己动手。

第一步：找到 Custom CSS 入口

RemNote → Settings → 搜索 "CSS" → 自定义 CSS → 添加空白 CSS 代码块。

第二步：先用核弹测试 CSS 是否生效

网上能找到的教程大多写于 2020 年，那时候的 class 名称早就随版本迭代改掉了。与其逐个试过时的选择器，不如先用通配符验证 CSS 注入本身是否有效：

css

* {
  font-size: 24px !important;
}

保存后进入 flashcard 复习界面——如果全部文字都变大了，说明 CSS 注入有效，只是选择器不对。如果毫无变化，说明 iOS App 的 WebView 完全屏蔽了 CSS，那就只能放弃这条路。

我的结果是生效了，整个界面字体全部放大，包括顶部导航和底部评分按钮。

第三步：精准定位，只放大卡片正文

全局放大会破坏界面布局，目标是只让卡片内容区变大，其他区域保持原样。

最终找到一段有效的选择器组合：

css

.spacedRepetition .spacedRepetitionContent,
.spacedRepetition .spaced-repetition__prompt,
.spacedRepetition .rem-text {
  font-size: 20px;
  line-height: 2.0 !important;
}

效果：卡片正文"基数词 ↔ cardinais，/kɐrdi'najʃ/"字体放大清晰，底部的 ×😬😄👑 评分按钮和顶部路径导航完全不受影响。

line-height: 2.0 是字号的两倍行距，葡语单词里带音标和例句，行距宽一些读起来不压迫。可以根据自己的感觉在 1.6 到 2.5 之间调整。

总结

如果你也在用 RemNote 刷语言类卡片，内容多、字小、手机端看着费劲，这段 CSS 可以直接拿去用。字号根据自己的视力和手机屏幕尺寸调整即可。