Hallo.
Ich habe da eine Verständnisfrage bezüglich der Syntax bei eingebundenen SVG-Schriften.
Und zwar sieht das ja z.B. so aus:
@font-face {
font-family: 'Bitstream Vera Serif';
src: url('VeraSerif-webfont.eot');
src: url('VeraSerif-webfont.eot?#iefix') format('embedded-opentype'),
url('VeraSerif-webfont.woff') format('woff'),
url('VeraSerif-webfont.ttf') format('truetype'),
url('VeraSerif-webfont.svg#bitstream_vera_serifroman') format('svg');
font-weight: normal;
font-style: normal;
}
Meine Frage ist, wie sich das da mit dem Teil hinter der Raute (#) bei der SVG-Einbindung verhält. Kann da irgendwas stehen? Oder bezieht sich das auf einen Bezeichner in der SVG-Datei, der also dann im CSS-Code eben genau so angegeben sein muss wie in der SVG-Datei selbst. Und müsste nun dieser Teil dem font-family-Wert oben 1:1 entsprechen oder ist das variabel, so wie in dem Beispiel?
Danke.