Android 上 SVG 上的字体大小答案

【问题标题】：Font-size on SVG on AndroidAndroid 上 SVG 上的字体大小
【发布时间】：2014-08-27 18:03:01
【问题描述】：

重现问题：

将此代码复制/粘贴到 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）。

文字“Little”、“Normal”、“Big”大小相同（约9）。 “非常大” 大小合适（15）。

PC没有问题：http://img15.hostingpics.net/pics/116366pbsvgpc.png

但在 Android 平板电脑上：http://img15.hostingpics.net/pics/925902pbsvgandroid.png

你能重现这个问题吗？你有解决这个问题的想法吗？

谢谢。

【问题讨论】：

标签： android svg font-size tablet

【解决方案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>

【讨论】：

我不太了解 SVG，但我认为如果我们不指定单位，它是一个相对大小，例如 x（也不是 px）。我没有指定字体，所以它应该是可用的字体。最重要的是，为什么它适用于 15 码而不适用于 9 码以下？
恐怕你错了。 SVG 中没有单位的字体大小属性以像素为单位。 IE。 15 和 15px 完全一样。
另外，为什么当我扩展窗口时，PC 中的文本（以及所有图片）会变大？我编辑问题以添加图片链接。
如果您有单独/不同的问题，最好提出单独/不同的问题。
无论如何，添加“px”什么都不做。问题依旧！但是你不能很好地帮助我......你能在你的安卓平板电脑/智能手机中重现这个问题吗？这是一个已知问题还是特定的科尔多瓦或......？