SVG nicht Rendern von Schriftarten in Firefox (funktioniert in IE9 und Chrome)

Habe ich Vektor-logo in der PSD-Datei. Wenn ich es exportieren als AI (Adobe Illustrator) Datei umwandeln und dann auf SVG bekomme ich so etwas wie dieses:

<tspan
             x="0 34.799999 68.75"
             y="0"
             id="tspan22"
             style="font-size:50px;font-variant:normal;font-weight:bold;font-stretch:normal;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:Novecento wide Book;-inkscape-font-specification:Novecentowide-Bold">AI</tspan>

Das ist nur ein kleiner Teil der vollständigen SVG-Datei, aber Sie können sehen, dass es schafft, die Buchstaben und versuchen, Schriften zu verwenden. Was aber nicht funktioniert...

SVG nicht Rendern von Schriftarten in Firefox (funktioniert in IE9 und Chrome)

Ich will lieber export-SVG-Datei als stand-alone-Vektor, der braucht keine Schriften. Wie kann das getan werden?

  • Mozilla beschlossen, nicht um die Unterstützung von SVG-fonts in Firefox, weil Sie fühlte, es könnte weh Annahme der mehr-neue Web Open Font Format (WOFF).
  • Zwar mag dies wahr sein, es ist nicht sehr relevant, da die OP ist nicht mit SVG-fonts.
  • Ich sehe. Gibt es eine Möglichkeit, es zu machen, VEKTOR, SVG, anstatt die eine, die erfordert, dass die benutzerdefinierte schriftart?
  • Gibt es etwas in der Firefox Error Console?
  • Nein, aber ich bin mir sicher, dass es nur nicht unterstützt font-face für SVG. Ich habe bereits einen Weg gefunden, es zu konvertieren in vector in Illustrator und richtig sparen. Die Dateigröße bleibt in Ordnung und es funktioniert genauso wie es sollte, wenn skaliert.
  • Pardon, ich misread "@font-face im SVG-Datei" als "@font-face mit SVG-Datei".
  • Ich bin sicher, dass Firefox unterstützt @font-face. Hier ist ein Beispiel: jwatt.org/svg-open/2009/demos/font-face/...
  • habe das gleiche problem, zur info es ist auch gut zu funktionieren in opera.

InformationsquelleAutor Atadj | 2012-10-12
  1. 4

    Zwei Möglichkeiten:

    1. Versuchen Sie, die single-quotes um die font-family-Namen, unter der Annahme, dass Firefox erkennt nicht die ganze saite, also:

      font-family:'Novecento wide Book';

    2. Versuchen, konvertieren Sie den Text in AI-oder PSD-zu einer Vektor-Form vor dem Export als SVG. Das entfernen der Rückgriff auf jede font-Familie, das ist eine überlegung, vor allem, wenn Sie beabsichtigen, diese zu veröffentlichen auf dem Web. Sollte perfekt funktionieren auf diese Weise.

    InformationsquelleAutor Joshua
  2. 1

    Rechten Maustaste auf den text in einem Vektor-Programm wie illustrator und wählen Sie " text in Pfade konvertieren. Dies wird halten Sie Ihre Schriften, egal welcher browser.

    • Dies wird deutlich erhöhen die Datei Gewicht (es sei denn, Sie nur eine Handvoll von Zeichen).
    InformationsquelleAutor user3657467
  3. 0

    Habe ich verwendet eingebettete Schriftarten diese Weise im IE11, Chrome und Firefox ohne Probleme:

    <svg...>
    <text transform="matrix(1 0 0 1 52.1787 206.4395)" fill="#F7F7F7" font-family="'Roboto'" font-weight="400" font-size="16">Lorem Ipsum</text>
</svg>

    Beachten Sie die font-family-Attribut ist doublequoted. Das ist der Weg, illustrator tut es. Nehmen Sie Hinweis, um die richtige fontface Namen. Illustrator für Beispiele gefällt "'Roboto-Regular'", die nicht den richtigen Namen des font-face -

    InformationsquelleAutor Eugenio Enko
Schreibe einen Kommentar