如何在Firefox中覆盖“最小字体大小”,从而影响svg中的文本?

时间:2019-04-30 18:21:40

标签: css firefox svg accessibility

当Firefox的“最小字体大小”设置为15时,svg中的文本会变得很大。

没有找到与我的问题类似的东西。感谢对此问题的任何见解!

注意:这是img,其中src.svg文件。 https://codepen.io/amyrlam/pen/QPRmoY

预期:svg中的文本正常显示。 expected

实际结果:svg中的文本被炸断。 actual

如何设置最小字体大小:Firefox>首选项>语言和外观>字体和颜色>高级>将最小字体大小设置为15

1 个答案:

答案 0 :(得分:0)

这似乎是svg-term-cli生成的示例。正如罗伯特·朗森(Robert Longson)在上述评论中指出的那样,这是设置最小字体大小时的Firefox错误/回归到SVG文本缩放。如果我正确地理解了讨论,那么在视口缩放到最终呈现的大小之前,FF会错误地将SVG坐标空间中的“ 5px” 解释为小于最小字体大小。因此,“ 5px”按比例放大到例如SVG text元素上的“ 15pt”,然后 then 再次缩放,以适应实际的SVG视口和大字母输入。

鉴于FF错误已进行了一系列补丁尝试,但由于造成了其他间歇性回归而被撤消,我将建议从SVG方面解决此问题:尝试调整SVG坐标空间的缩放比例以防止Firefox触发错误。例如。将SVG坐标系大小乘以某个比例因子,因此每个文本元素总是比合理的最小字体大小设置“更大”。 svg-term-cli上有a tracking issue;我已经为该讨论添加了类似的细节。