Ist der Hash in Svg-Schriftart-Gesicht Deklarationen notwendig?

@font-face 
    font-family: 'AllerRegular' 
    src: url('/fonts/aller/aller_rg-webfont.eot') 
    src: url('/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg') 
    font-weight: normal 
    font-style: normal

In dem Beispiel oben, ich bin eine Svg-Version dieser Schriftart hinzufügen, aber ich bin mir nicht sicher, ob die ID korrekt ist. Wenn nur eine Schriftart in dieser SVG enthalten ist, ist es notwendig, die richtige ID zu haben?Ist der Hash in Svg-Schriftart-Gesicht Deklarationen notwendig?

Quelle

2012-09-17 Mateusz Wijas

Würde nicht versuchen, mit und ohne die Hashtag-Antwort diese Frage? – Chris

Ich dachte, jemand könnte jetzt aus der Hand. Ich denke, dass diese Font-Dateien nur für ipad/iphone verwendet werden und ich auf keinem der Geräte auf diese App zugreifen kann. –

Ja, es ist erforderlich. This article sagt:

Im CSS-Code oben, können Sie tatsächlich sehen, dass die SVG-Version eine zusätzliche Informationen benötigt, seine ID, nach dem Hashtag (#) in dem Dateinamen Erklärung. Wenn Sie es nicht füllen, funktioniert es nicht, so dass Sie finden Sie diese Informationen die SVG-Datei in einem TXT-Dokument oder Notepad öffnen und suchen Sie nach der folgenden Zeile oben auf der Seite.

Und this one sagt:

Mit SVG-Fonts, die sie benötigen auch eine #Hashtag;

Der Hashtag ist einfach ein Zeiger auf die ID der Schrift, die im SVG definiert ist. Wenn Sie es nicht einschließen, wird die ganze SVG-Datei geladen, einschließlich der SVG-Header, die verhindern, dass die Schriftart erkannt wird.

Quelle

2012-09-17 20:37:46 Chris

schließlich erklärt jemand dies, +1 – Mark

Sagen Sie, dass Sie einen Pfad wie 'Fonts/thefont.svg # thefont' haben - können Sie eine Version GET-Variable hinzufügen, dh 'fonts/thefont.svg # thefont? V = 3.2.1 '? Ich frage, weil ich keine SVG-Schriftart in Chrome mit der angehängten GET-Variable laden konnte. – aendrew

@aendrew Wahrscheinlich müssen Sie Ihre URL-Teile umtauschen, denn alles nachdem der Hash * nicht * an den Server gesendet wurde. Versuchen Sie 'thefont.svg? V = 3.2.1 # thefont'. Ich habe es nicht getestet, aber es ist wahrscheinlicher zu arbeiten. –

Ist der Hash in Svg-Schriftart-Gesicht Deklarationen notwendig?

Antwort

Verwandte Themen