ja...@jamiejefferson.com
unread,Jul 9, 2013, 7:24:10 AM7/9/13Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to mathja...@googlegroups.com
I'm working on an ebook product which has a very basic HTML structure - essentially all content elements (mostly <p>) are immediate children of <body>. I've centered this content with the following CSS:
body > * {
min-width: 300px;
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
Since the font test <div> is added as an immediate child of <body>, this CSS prevents the font detection from working. It was a bit fiddly to track down, as the only 'errors' I could detect were that STIX fonts would always be skipped, and there was a delay in loading the web-fonts. It would stick on "Loading web-font TeX/Main/Regular" for maybe 8 seconds, then show "Can't load web-font TeX/Main/Regular", however it would then seem to render using "MathJax_Main" anyway.
Once I figured it out, normal behaviour for font detection/loading was restored by adding:
#MathJax_Font_Test {
min-width: 0;
max-width: none;
}
My thought is that it might be worth adding min/max width resets to MathJax itself since the font detection depends on the width of #MathJax_Font_Test, yet it was so easy for me to unwittingly break it.