Wie kann ich Schriftarten aus Adobe TypeKit in einem SVG-Objekt verwenden, das in eine HTML-Seite eingebettet ist?
Ich kann Webfonts direkt verwenden (zB über ein Google Stylesheet: Ссылка ), aber TypeKit verwendet eine andere javascriptbasierte Ladestrategie, die anscheinend keine Zeichensatzverfügbarkeit auf das SVG-Objekt anwendet.
Ist das möglich und wenn ja, wie kann ich das tun?
Danke!
SVG kann mit CSS-Stylesheets formatiert werden, also sollten Sie es auf diese Weise anwenden können.
Und solange die Schriftart auf der Seite registriert ist, können Sie textElToApplyFontTo.attr({ "font-family": "myFont" });
Beachten Sie, dass IE & lt; 9 wahrscheinlich Probleme haben wird, ich weiß nicht viel über die VML-Schriftartunterstützung. IE9 + hat SVG-Unterstützung, also sollte es damit und allen anderen modernen [Desktop] -Browsern funktionieren.
Eine wichtige Sache, die zu beachten ist, ist, dass Typekit und andere JS-basierte Lademechanismen asynchron arbeiten, so dass Zeichensätze erst verfügbar sind, wenn sie geladen sind.
Einige moderne Browser laden die Schriftart nicht, es sei denn, ein DOM-Element verwendet sie, was ebenfalls Probleme verursachen kann (Sie können versuchen, die Schriftart auf einem DOM-Element zu laden, vorzugsweise über der SVG-Datei) schmutziger Trick, aber es funktioniert ...).
Tags und Links javascript html css svg webfonts