博客字体调整记录:中日文字体分离显示

最近对博客的字体设置进行了一次调整,主要是为了解决中文和日文混合显示时,部分汉字字形不够准确的问题。

之前不太了解字体的工作原理,误以为使用日文字体就能解决这个问题。但实际上,这种做法不但不能完全解决问题,还因为使用的字体文件体积过大,导致网站访问变得迟缓。

为了让中日文各自使用更合适的字体,我重新整理了博客的字体配置。

一、字体设置

这次调整后,博客采用以下字体方案:

用途 字体 设置
中文 Microsoft YaHei(微软雅黑) 默认字体
日文 Yu Gothic 字重 550,字号 1.08em
代码 Consolas、Monaco、Menlo 等宽字体

这次调整没有重新引入额外的 WOFF2 字体文件,而是优先使用系统已有字体,以减少不必要的字体资源加载。

二、如何实现混合显示

调整后的字体设置支持在同一篇文章、同一段落,甚至同一行中混合显示中文和日文。

中文内容继续使用默认字体,而需要采用日文字形的部分则使用 lang="ja" 进行标记。

通过这种方式,浏览器就能识别对应内容的语言,并根据预先设置的 CSS 字体规则,使用相应的字体进行显示。

三、示例

中文中的「直、令、骨、着、今、近、返」等汉字,与日文中的 「直す」「命令」「骨」「着く」「今週」「近い」「返事」 都可以在同一段文字中正常显示。

四、关于以前的文章

博客此前已经积累了不少文章,逐篇检查和修改这些内容需要花费不少时间。

因此,这次调整不追溯修改以前发布的文章。

从这篇文章之后,新文章将逐步采用新的中日文混排方式。以前发布的文章则暂时保持原样,不再逐篇补充语言标记。