Wie fügt man die Schriftfamilie 'Open Sans' zu Inline-Svg-Text hinzu?

Question

Wie zwei Wörter Name der Schriftart-Familie (als 'Open Sans') zu Inline-Svg-Text hinzufügen?

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

Answer 1

Sie brauchen nicht auf die Pluszeichen; Diese werden nur benötigt, wenn der Schriftname in einer URL enthalten ist.

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

Wenn Sie Ausweich Alternativen hinzufügen möchten, fügen Sie Anführungszeichen wie folgt aus:

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