[Feature Request] Latin-Modern font on the math typesetting

[mhgharieb]

I know that draw.io uses Mathjax to render latex math. Therefore, draw.io follows the default configuration of Mathjax which uses "MathJax TeX" font by default. Mathjax also supports "Latin-Modern" font which is the actual font used in Latex.
Actually, I am able to reconfigure a local version of draw.io to use "Latin-Modern" in the GUI but the export files "SVG" or "PDF" still use "MathJax TeX" (STIXGeneral-Italic) font by default.

It will be better to use "Latin-Modern" font, so it is consistent with the latex

[alderg]

What configuration are you using to change the font?

[wookayin]

+1. STIX sucks (nobody wants this font).

Please add the following in the MathJax.Hub.Config:

"HTML-CSS": { availableFonts: ["TeX"] }

[alderg]

We tested it and there are clipping issues for matrices (see https://www.draw.io/#Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-diagrams%2Fdiagrams%2Fmath.xml)

[mhgharieb]

We tested it and there are clipping issues for matrices (see https://www.draw.io/#Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-diagrams%2Fdiagrams%2Fmath.xml)

This is my configuration (https://mhgharieb.github.io/drawio/src/main/webapp/index.html#Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-diagrams%2Fdiagrams%2Fmath.xml)
still not working in export pdf

[wookayin]

@alderg Seems that we can just adjust the bounding box to make the clipped region visible again.

[davidjgraph]

@wookayin Please submit your fix as a PR and we'll review it.

[fredguth]

"HTML-CSS": { availableFonts: ["TeX"] }

Where do I change the config?

[alderg]

This will be added in the next release as the clipping problem mentioned above was fixed in 12.5.0. However, the font metrics are different so shapes my have to be resized or text overflow may have to be changed to visible.

[zivy90]

"HTML-CSS": { availableFonts: ["TeX"] }

Where do I change the config?

Hi, @fredguth and @wookayin， I also wonder where should I modify the configure file. Thank you!

[alderg]

https://github.com/jgraph/drawio/blob/master/src/main/webapp/js/diagramly/Editor.js#L1379
https://github.com/jgraph/drawio/blob/master/src/main/webapp/js/diagramly/Editor.js#L5968

[zivy90]

@alderg Thanks for the reply. I saw the changes are focused on SVG, is there any solutions for PDF?

[alderg]

PDF export uses the same configuration.

[alderg]

The TeX font looks like this. I think this PDF viewer makes it look worse than it is on this zoom level, if you zoom in it should match what you see on the screen.

[zivy90]

Yes, you are right. Thanks again.

[idansc]

The TeX font looks like this. I think this PDF viewer makes it look worse than it is on this zoom level, if you zoom in it should match what you see on the screen.

Is there anything new that causing the bold-looking?
When I zoom it looks ok, but I and probably others don't read documents with zoomed in

[EloiZ]

Hi,
in addition to being bold, the rendered math symbols cannot be selected anymore in the pdf. Do you know how to revert this behavior please?

[alderg]

We've added a new URL parameter math-output=html in 13.1.13 so that PDFs can be created via File, Print and Print to PDF in the browser with the previous math rendering. See https://desk.draw.io/support/solutions/articles/16000032875 for details.

[alderg]

Fixed bold math in PDF export. For text selection, use https://app.diagrams.net/?math-output=html with client-side PDF export via File, Print and Print to PDF.

[EloiZ]

Thanks, it is no longer bold with the trick.
However, the produced math symbols still cannot be highlighted (selected with a mouse) in a pdf reader

[bernardo-silva]

Fixed bold math in PDF export. For text selection, use https://app.diagrams.net/?math-output=html with client-side PDF export via File, Print and Print to PDF.

Is there an easy way to crop the pdf to the diagram size with this method?