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.