编辑器里正文中文显示成宋体,英文是另一款无衬线体,前台打开却是统一黑体,同一段文字在两个地方两种字形。第一次遇到会往复杂处想,其实漏掉的多是个小前提。
add_editor_style("assets/editor.css");
font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
编辑器的样式表只声明了英文字体族,中文字符回退到系统默认衬线体;前台主题补了中文黑体,两边自然不一致。字体文件加载失败时也会出现同样的回退。这一点先确认清楚,后面就不用反复试。
「编辑器中文字体异常」这个问题文档写得含糊,实际行为以当前版本为准,别照旧版本的结论套。把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。
具体做法是,在编辑器样式里补完整的中文字体栈 和前台保持一致;用入队函数把同一份字体声明同时挂前后台;确认字体文件允许跨域 否则声明会静默失效。
改完照着核一遍,编辑器与前台中文都显示为同一款黑体,字形没有跳变。
