Comment ajouter police-famille 'Open Sans' au texte svg inline?

Question

Comment ajouter deux mots name de font-family (comme 'Open Sans') au texte svg en ligne?

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

Answer 1

Vous n'avez pas besoin des symboles plus; ceux-ci ne sont nécessaires que lorsque le nom de la police est inclus dans une 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>

Si vous souhaitez ajouter des alternatives de repli, ajouter des guillemets comme ceci:

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