jgraph / jgraph/drawio

SVG Export suddenly does not export fonts well

Open
#5,258 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug needs-info
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:

  1. Go to 'File'
  2. Click on 'Export as'
  3. 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:

Image
Image

This is how the diagram looks in the drawio online editor (font Helvetica):
Image

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:

Image

**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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.