SVG FF text sizing - anchor

by hhcofcmds

HTML

<svg style="width: 400px; height: 200px" viewbox="0,0,40,20">
    <text style="font: 1px serif" x="5" y="1" text-anchor="middle" stroke="none" fill="black">ABC123 (1px)</text>
    <text style="font: 0.9px serif" x="5" y="2"  text-anchor="middle" stroke="none" fill="black">ABC123 (0.9px)</text>
    <text style="font: 0.8px serif" x="5" y="3"  text-anchor="middle" stroke="none" fill="black">ABC123 (0.8px)</text>
    <text style="font: 0.7px serif" x="5" y="4"  text-anchor="middle" stroke="none" fill="black">ABC123 (0.7px)</text>
    <text style="font: 0.6px serif" x="5" y="5"  text-anchor="middle" stroke="none" fill="black">ABC123 (0.6px)</text>
    
    <text style="font: 1px sans-serif" x="15" y="1"  text-anchor="middle"  stroke="none" fill="black">ABC123 (1px)</text>
    <text style="font: 0.9px sans-serif" x="15" y="2"  text-anchor="middle"  stroke="none" fill="black">ABC123 (0.9px)</text>
    <text style="font: 0.8px sans-serif" x="15" y="3"  text-anchor="middle"  stroke="none" fill="black">ABC123 (0.8px)</text>
    <text style="font: 0.7px sans-serif" x="15" y="4" text-anchor="middle"  stroke="none" fill="black">ABC123 (0.7px)</text>
    <text style="font: 0.6px sans-serif" x="15" y="5" text-anchor="middle"  stroke="none" fill="black">ABC123 (0.6px)</text>
    
    <text style="font: 1px sans-serif" x="25" y="1" text-rendering="geometricPrecision" text-anchor="middle"  stroke="none" fill="black">ABC123 (1px)</text>
    <text style="font: 0.9px sans-serif" x="25" y="2"  text-anchor="middle"  text-rendering="geometricPrecision" stroke="none" fill="black">ABC123 (0.9px)</text>
    <text style="font: 0.8px sans-serif" x="25" y="3"  text-anchor="middle"  text-rendering="geometricPrecision" stroke="none" fill="black">ABC123 (0.8px)</text>
    <text style="font: 0.7px sans-serif" x="25" y="4" text-anchor="middle"  text-rendering="geometricPrecision" stroke="none" fill="black">ABC123 (0.7px)</text>
    <text style="font: 0.6px sans-serif" x="25" y="5"...