字体系列如何与 unicode

Question

我创建的 svg 文件存在以下问题。我需要许多字体的各个字母的图像，包括异国情调的字体。为此，我编写了以下 svg 文件，并以十进制表示法相应地更改了 Unicode 信息：

<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 200px 200px" fill="none">
    <text text-anchor="middle" alignment-baseline="central" x="100" y="160" style="font-family:'Times Roman';font-size:160px;fill:rgb(0,0,0)">
        &#67088;
    </text>
</svg>

这些文件对于“Times Roman”字体中包含的字母也没有任何问题。但是当我使用计算机上也安装的字体时，它不起作用。在上面的示例中，我将“Times Roman”替换为“Noto Sans Linear A”或其他支持 Linear A 的字体。我做错了什么？

Answer 1

我可以想象您正在文件系统（而不是 Web 服务器）的浏览器中显示此 SVG。首先，您应该从本地或其他地方的 Web 服务器运行该文件。其次，为了确保任何人都可以看到使用您选择的字体的文本，您需要将该字体引用为 Web 字体。

这是来自 everythingfonts.com 的字体示例。并且您可以看到特定字体不包含字符

𐘐

，因此您需要在某个地方找到一种可以用作网络字体并且还包含您感兴趣的字符的字体。

<link rel="stylesheet" media="screen" href="https://everythingfonts.com/font/face/S38OFGypEeKuYlDlSVDSjg" type="text/css"/>

<svg xmlns="http://www.w3.org/2000/svg" height="150" viewBox="0 0 600 200" fill="none">
  <text text-anchor="middle" dominant-baseline="middle" x="300" y="100" style="font-family:'BeonRegular';font-size:150px;fill:rgb(0,0,0)">
    &#67088;test
  </text>
</svg>