如何添加字体家庭'打开Sans'内联svg文本？

Question

如何将两个单词的字体名称（如'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"