html - 如何将字体系列“Open Sans”添加到内联 svg 文本？

Question

如何将 font-family 的两个单词名称（如“Open Sans”）添加到内联 svg 文本？

<svg viewbox='0 24 100 24' fill='#000'>
  <text font-size='24' fill='#000' font-family='Open+Sans'>MENU</text>
</svg>

Answer 1

您不需要加号；只有当字体名称包含在 URL 中时才需要这些。

<svg viewBox="0 0 100 30">
    <text x="0" y="27" font-size="30" fill="#fa0"
          font-family="Comic Sans MS">MENU</text>
</svg>

如果要添加备用选项，请添加引号，如下所示：

font-family="'Comic Sans MS',cursive"