Es gibt ein <text>-Element in SVG. Keine große Überraschung: Es dient dazu, Text in das SVG einzufügen. Keine Umrisse von Buchstabenformen (obwohl das auch geht), sondern tatsächlicher normaler Webtext. Auswählbarer, SEO-freundlicher, zugänglicher, ganz normaler Webtext.
Die Schriftarten, auf die Sie Zugriff haben, sind die gleichen wie im Rest des Dokuments. Wenn Sie also eine @font-face-Schriftart laden, können Sie diese im SVG verwenden.
Was ich cool finde, ist, dass die Schriftgröße relativ zum SVG-Dokument ist, genau wie alle Formen und so weiter. Wenn Sie also etwas sehr Bewusstes und typografisch Perfektes im SVG entwerfen, behält es diese Integrität bei, wenn das SVG seine Größe ändert. Das wäre in HTML/CSS schwer umzusetzen. Hier ist ein Artikel, der sich ausschließlich damit beschäftigt.
Eine Einschränkung: Der Text kann nicht umbrechen. Das kann ein ziemlich erheblicher Nachteil sein, aber diese Funktion kommt in SVG 2.