如何将 font-family 'Open Sans' 添加到内联 svg 文本？

Question

如何向内联 svg 文本添加字体系列的两个单词名称（如 'Open Sans'）？

<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"

How to add font-family 'Open Sans' to inline svg text?