日语站点字体与排版注意事项：字体体积、换行与字号

引言：日文站字体 10MB 拖垮速度

日文字符集庞大，一套完整日文字体常 5–15MB，直接自托管会压垮 LCP。且日文换行、标点（全角）与中文不同，排版要调。

原理分析：日文的特殊

• 字体体积：汉字+假名全集大，需子集化（只含用到的字）或系统字体回退。
• 换行（禁则）：行首不出句号、括弧不折断，CSS line-break: strict。
• 字号：日文视觉比中文小，需稍大字号与行高。

保姆级实操

子集化字体：

@font-face { font-family:"JP"; src:url("/jp-subset.woff2") format("woff2"); font-display:swap; }
body { font-family:"JP", system-ui; line-break:strict; word-break:normal; }

用 font-display:swap 防阻塞；优先系统日文字体回退减体积。

常见坑

1. 整集日文字体自托管，LCP 崩。
2. line-break 没设，标点换行怪。
3. 案例：某日站字体 12MB，LCP 4s；子集化到 200KB + 系统回退后 LCP 1.5s。
4. 字号照搬中文，日文显小。
5. 全角标点挤压，行高不足。

总结

判断标准：字体子集化/系统回退 + 禁则换行 + 适配字号。行动清单：子集化 → swap → line-break → 调字号 → 测 LCP。详见字体加载策略与 SEO 体验。