Thorium阅读器中CJK语言文本的斜体显示问题解析

Thorium阅读器中CJK语言文本的斜体显示问题解析

thorium-reader A cross platform desktop reading app, based on the Readium Desktop toolkit 项目地址: https://gitcode.com/gh_mirrors/th/thorium-reader

问题背景

在Thorium阅读器3.0.0版本中，用户发现了一个关于中日韩(CJK)语言文本显示的有趣现象：当使用<i>、<em>或<cite>标签标记的文本设置了CJK语言属性时，文本无法正常显示为斜体样式。这一问题在Windows 11操作系统上被报告。

现象描述

具体表现为，当HTML文档中包含类似以下代码时：

<p>The man drank a cup of <i lang="ja-Latn">sake</i></p>

虽然文本转语音(TTS)功能能够正确地将"sake"发音为两个音节的"sa-ke"(符合日语罗马字发音规则)，但视觉上文本并未呈现为斜体样式。

同样的问题也出现在使用<span>标签包裹<em>标签的情况下：

<p>He likes to drink <span lang="ja-Latn"><em>Dassai</em> sake</span></p>

值得注意的是，这个问题不仅出现在带有"Latn"(拉丁字母)脚本标识的语言标签中，也出现在仅使用基础语言代码(如"ja"、"zh"、"ko")的情况下。

技术分析

经过深入调查，发现问题根源在于Readium CSS的默认样式设置。在ReadiumCSS-before.css文件中，针对中文、日文和韩文文本，<cite>、<dfn>、<em>和<i>标签被强制设置为font-style: normal。

这种设计决策有其合理性：对于汉字(hanzi)、日文汉字(kanji)、假名(kana)和韩文(hangul)等CJK文字系统，斜体样式在传统排版中并不常见，甚至可能影响可读性。然而，这一规则被过度应用，忽略了文本实际使用的脚本类型。

解决方案探讨

目前发现的临时解决方案是使用类选择器绕过默认样式：

em.italic {
  font-style: italic;
}

<p>He likes to drink <span lang="ja-Latn"><em class="italic">Dassai</em> sake</span></p>

从长远来看，更合理的修复方案是修改Readium CSS的规则，使其能够区分不同脚本类型。具体来说，应该：

1. 保留对CJK文字系统(汉字、假名、韩文等)的font-style: normal设置
2. 对使用拉丁字母(Latn)或西里尔字母(Cyrl)书写的CJK语言文本，允许斜体样式正常显示

技术实现建议

在CSS中，可以使用:not()伪类来实现这一逻辑区分。例如：

:lang(zh):not(:lang(zh-Latn)) cite,
:lang(zh):not(:lang(zh-Latn)) dfn,
:lang(zh):not(:lang(zh-Latn)) em,
:lang(zh):not(:lang(zh-Latn)) i,
/* 类似规则适用于日语和韩语 */
{
    font-style: normal;
}

这种实现方式既保留了原有对CJK文字系统的优化，又解决了拉丁字母和西里尔字母书写的CJK文本的样式问题。

总结

这一案例展示了国际化文本处理中的常见挑战：需要在保持文化排版传统的同时，兼顾不同书写系统的特性。对于电子阅读器开发者而言，理解并正确处理不同语言和脚本的排版规则至关重要。Thorium阅读器通过Readium CSS提供的这一修复方案，将能够更好地服务于多语言读者群体。

thorium-reader A cross platform desktop reading app, based on the Readium Desktop toolkit 项目地址: https://gitcode.com/gh_mirrors/th/thorium-reader