网页和系统里怎么显示生僻字


目录

适合谁看:网站、App 或文档里有生僻字显示成方框,想让它正常显示的开发者和设计师。

先确认是「缺字形」而不是「丢了字」

显示成方框,说明字还在,只是字体里没有;显示成问号,说明存储或传输时已经丢了,要先修编码。判断方法见《生僻字为什么打不出、显示不了》。

系统怎么补字

操作系统和浏览器都有「字体回退」机制:主字体里没有某个字时,会自动去其他已安装的字体里找。Windows 和 macOS 都自带一些覆盖扩展区的字体,所以同一个生僻字,在电脑上常常能显示,只是字体风格和周围不一样;在字体较少的设备(部分手机、嵌入式设备)上就可能是方框。

网页:在字体栈后面加一款「补字字体」

body {
  font-family:
    "主字体",              /* 你的正文字体 */
    "Plangothic P1",       /* 补字字体:覆盖扩展区 */
    "Plangothic P2",
    sans-serif;
}

要点:

@font-face {
  font-family: "补字字体";
  src: url("/fonts/fallback-extb.woff2") format("woff2");
  unicode-range: U+20000-2A6DF, U+2A700-2EE5F, U+30000-3347F;
}

字体栈的一般写法见《中文字体栈怎么写》。

文档和设计稿

用文风网页字体时

文风提供的网页字体以各款字体本身收录的字为准,没有收录的字会由你在字体栈里写的后备字体显示。所以生僻字多的页面,同样建议在字体栈后面加补字字体。网页字体的接法见《用文风网页字体:一页看懂正确接法》。


版本号 #14
由 壳壳虫 创建于 2026-10-29 03:03:04 UTC
由 壳壳虫 更新于 2026-10-30 08:38:24 UTC