SVG中font-family结合Unicode调用特殊字体失效问题求助

1. 字体名称拼写不符 #

很多字体的系统显示名称和内部实际名称不一致，比如你用的“Noto Sans Linear A”，实际内部名称可能是NotoSansLinearA这类无空格的格式。

• Windows：打开命令提示符运行fc-list（需安装Git或字体工具），或右键字体选“属性”查看“字体名称”
• macOS：打开Font Book，右键字体选“显示字体信息”查看“PostScript名称”
  将SVG里的font-family值替换为确认后的真实名称再测试。

2. 字符不在字体支持范围内 #

先确认十进制Unicode 𐘐（对应十六进制U+105D0）是否真被Noto Sans Linear A支持：

• Windows：用“字符映射表”工具，选中目标字体后搜索U+105D0
• macOS：在Font Book的“预览”界面搜索对应Unicode码点
  如果该字符不在字体的字符集中，自然无法显示，需更换真正支持该Linear A字符的字体。

3. 渲染环境未加载字体 #

部分SVG查看器（如浏览器）可能不会自动加载系统中的特殊字体，或存在缓存问题：

• 重启查看工具并清除缓存后重试
• 直接将字体嵌入SVG（适合离线使用），用<style>标签添加@font-face定义：

<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 200px 200px" fill="none">
  <style>
    @font-face {
      font-family: 'NotoSansLinearA';
      src: url('./NotoSansLinearA-Regular.ttf') format('truetype');
    }
  </style>
  <text text-anchor="middle" dominant-baseline="central" x="100" y="100" style="font-family:'NotoSansLinearA';font-size:160px;fill:#000">
    &#67088;
  </text>
</svg>

注意把./NotoSansLinearA-Regular.ttf替换为字体文件的实际路径。

4. 字符位置偏移导致“看不见” #

Linear A字符的基线规则可能和普通拉丁字体不同，你看到的“无法显示”可能是字符位置偏移到画布外：

• 尝试调整<text>的y值（比如改成y="100"）
• 把alignment-baseline换成dominant-baseline: central，部分渲染器对前者支持不佳

内容的提问来源于stack exchange，提问作者Himmel