[simple-ruby] Text in figure 1 may be cut off

[bert-github]

https://w3c.github.io/jlreq/docs/simple-ruby/#ruby-types

Figure 1 is an SVG image with some text in it. The text has a font size of 8 px. The image is scaled so the resulting text actually looks bigger. But if a user has set a minimum font size in Firefox of 11 px (for example), it is that original 8 that gets replaced by 11. The result is that the text after scaling is too high and too wide for the image and the top and some letters on the right are cut off.

Some users may have set quite a large minimum font size, but maybe a reasonable compromise is to set the font in the image to 16 px and then scale the image down rather than up.

[xfq]

Agreed.

(Another option is converting the text to outlines, but it might have accessibility implications and makes the SVG file harder to edit.)

[frivoal]

Having the minimum font size setting affect text in an SVG seems particularly prone to breakage, but I guess we're not here to discuss features of Firefox :)

maybe a reasonable compromise is to set the font in the image to 16 px and then scale the image down rather than up.

Sounds like this would work. I probably could figure out how to do this, but I'm not really an SVG person. Do you want to send a pull request?

[bert-github]

Sure. Pull request sent:
#15

[himorin]

closed with all image files updated