How strectch reaction arrows in SVG output?

[Jinjun He‏]

Hello everyone,

  I use MathJax to render chemical formula, and I've load mhchem.js extensions, but I found some difference between SVG output and HTML_CSS output.

 

  SVG output :

 

  https://jsbin.com/xaquvi/edit?html,output

  HTML_CSS output:

  https://jsbin.com/vubeqa/1/edit?html,output

  The SVG output's reaction arrows are shorter than HTML_CSS output.

  How can I stretch reaction arrows in SVG output like HTML_CSS output do?

 

  Thanks!

[Davide Cervone‏]

You are probably have the STIX fonts installed on your computer, and the HTML-CSS output is using those.  The STIX fonts have the needed glyphs to make stretchy versions of the stacked harpoons, but the MathJax TeX fonts don't.  The SVG output uses the TeX fonts by default, so one solution would be to use the STIX-Web fonts instead.  Try adding

      SVG: {font:"STIX-Web"},

      "HTML-CSS": {fonts:["STIX","STIX-Web"]}

to your configuration in order to force the STIX fonts in both situations.

Davide

--
You received this message because you are subscribed to the Google Groups "MathJax Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-user...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Jinjun He‏]

Hello Davide,

  It worked like a charm, Thank you very much!