Firefox non rispetta la dimensione del font nel testo SVG

Question

Si è verificato un problema in cui Firefox non sembra applicare la proprietà font-size (impostata in CSS) agli elementi SVG text.

L'esempio seguente è sufficiente a riprodurre il problema su Firefox:

<svg width="40em" height="25em" viewBox="0 0 40 25"> 
 
     <style type="text/css"><![CDATA[ 
 
      text { font-size: 1px; } 
 
      text.foo { font-size: 2px; } 
 
     ]]></style> 
 
     <text x="0" y="10" class="foo">Hello, world! foo</text> 
 
     <text x="0" y="20">Hello, world! bar</text> 
 
    </svg>

Ecco il risultato atteso (Cromo):

Qui è ciò che rende Firefox:

Non riesco a trovare quello che sto facendo male. Qualche idea? Grazie.

Answer 1

Probabilmente è stata impostata una dimensione minima per il carattere. Questo è un bug noto, speriamo che lo risolviamo un giorno.

Disinserirlo in questo modo.