Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Readme demo SVG is unreadable on Firefox with large fonts #589

Open
masukomi opened this issue May 9, 2023 · 1 comment
Open

Readme demo SVG is unreadable on Firefox with large fonts #589

masukomi opened this issue May 9, 2023 · 1 comment

Comments

@masukomi
Copy link

masukomi commented May 9, 2023 •
edited

see attached screenshot

There's a longstanding SVG rendering bug in Firefox when a user has a minimum font size set (folks who need larger fonts because of vision issues do this). This makes example SVGs literally unreadable. Neither Firefox, nor the tool that generated your SVG seem to be interested in fixing it, but it's fairly easy to compensate for by running the following command on your SVG.

sed -i '' 's/<text/<text font-size="1.67"/g' path/to/my.svg

To test this run firefox with font size 20 and MINIMUM font size also 20.

CleanShot 2023-05-09 at 12 08 41@2x
@vadimdemedes
Copy link
Owner

Can you submit a PR?

@vadimdemedes vadimdemedes changed the title [accessibility] readme demo svg is unreadable on firefox w/ large fonts Readme demo SVG is unreadable on Firefox with large fonts May 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@masukomi @vadimdemedes