SVG Export suddenly does not export fonts well
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 8.2k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Preflight Checklist
- x I agree to follow the Code of Conduct that this project adheres to.
- x I have searched the issue tracker for a feature request that matches the one I want to file, without success.
You must search the issue tracker and agree to the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.
If you are technical, you should report bugs along the lines of https://marker.io/blog/how-to-write-bug-report. If you are not technical, we will make allowances, please try to make an effort to understand the process.
Describe the bug
Exporting diagrams from drawio online app as SVG does not maintain Helvetica font, regardless if I embed or not embed the fonts. This function worked for the exact same file for over a year and suddenly broke.
To Reproduce
Steps to reproduce the behavior:
- Go to 'File'
- Click on 'Export as'
- Scroll down to ' SVG
Expected behavior
The SVG file should use render using the same Helvetica font I specified in the drawio editor.
Screenshots
Both files show the diagram exported svg files with and w/o embedded fonts:
This is how the diagram looks in the drawio online editor (font Helvetica):
This is how the previous export of the diagram looks with correct fonts (last exported a few months ago). This is an operation i've performed on this file and others like it dozens of times successfully:
**draw.io version (In the Help->About menu of the draw.io editor): 27.1.4
**Desktop (please complete the following information):
- OS: MacOS Monterey
- Browser: chrome
- Version: 139.0.7258.155
I tested the problem in incognito/private mode with all browser extensions switched off, write "yes" below: - yes
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the problem in the draw.io online app through File > Export as > SVG, using the reported Helvetica diagram and comparing embedded and non-embedded exports. Trace the SVG export path and font handling, then verify that the exported SVG preserves the selected Helvetica rendering in both cases.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100