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

【问题标题】：How to add font-family 'Open Sans' to inline svg text?如何将字体系列“Open Sans”添加到内联 svg 文本？
【发布时间】：2018-01-02 10:42:54
【问题描述】：

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

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

【问题讨论】：

【解决方案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"

【讨论】：