Android上SVG上的字體大小

Question

重現該問題：

將此代碼復制/粘貼到HTML文件：

<svg width="100%" viewBox="0 0 168.159 80.635" >
    <text x="33.06" font-size="1" y="10.385" fill="#000000" stroke="none">Little(1)</text>
    <text x="33.42" font-size="3" y="20.913" fill="#000000" stroke="none">Normal(3)</text>
    <text x="33.292" font-size="7" y="30.344" fill="#000000" stroke="none">Big(7)</text>
    <text x="33.292" font-size="15" y="50.344" fill="#000000" stroke="none">Very Big(15)</text>
</svg>

在平板電腦或智能手機上啟動HTML文件 （ 我使用Cordova ）。

文本“小”，“普通”，“大”大小相同（大約9）。 “非常大”的尺寸合適（15）。

在PC上沒問題： http : //img15.hostingpics.net/pics/116366pbsvgpc.png

但是在Android平板電腦上： http : //img15.hostingpics.net/pics/925902pbsvgandroid.png

您能重現這個問題嗎？ 您有解決此問題的想法嗎？

謝謝。

Answer 1

確保您選擇的字體可用於Android瀏覽器，或者可以將其替換為Droid字體。 我猜你的字體大小是“ px”。 對於字體大小，單個像素是不合理的。 應該聲明單位，所以考慮從

    <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 168.159 800.635" >
    <text x="33.06" font-size="10px" y="100.385" fill="#000000" stroke="none">Little(1)</text>
    <text x="33.42" font-size="30px" y="200.913" fill="#000000" stroke="none">Normal(3)</text>
    <text x="33.292" font-size="70px" y="300.344" fill="#000000" stroke="none">Big(7)</text>
    <text x="33.292" font-size="150px" y="500.344" fill="#000000" stroke="none">Very Big(15)</text>
    </svg>