Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

Bug: Timeout loading STIX-Web Italic font in Safari (was: in Chrome)

Created by: mmldev

Issue Summary

When loading certain MathML formulas using STIX-Web fonts, there is a long 8 second waiting period that occurs before the MML is finally rendered. This appears to happen because of a timeout loading STIXMathJax_Main-Italic.woff, caught in function loadError in /MathJax/jax/output/HTML-CSS/jax.js and reported as:

Can't load web font STIX-Web/Main/Italic

Steps to Reproduce

Load attached code in Chrome.

This is a bug because...

  • The font does exist at that location and loads successfully eventually after an 8 second timeout.
  • I haven't been able to reproduce the issue on Firefox.
  • I was able to reproduce this in Safari on iOS.
  • The issue doesn't seem to exist when using the latest MathJax libraries (2.4-beta-2 using http://cdn.mathjax.org/mathjax/latest/MathJax.js)

Technical details

  • MathJax Version: 2.3
  • Client OS: Windows 7
  • Browser: Chrome 35.0.1916.153
<!DOCTYPE html>
<html>

<head>
    <title>MathJax Timeout Sample Page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({ "HTML-CSS": { webFont: "STIX-Web", availableFonts: ["STIX","TeX"], preferredFont: "TeX" } });
    </script>
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/2.3-latest/MathJax.js?config=MML_HTMLorMML">
    </script>

</head>

<body>

    <p>Solve for x:
        <p>&#160;</p>
        <math display='block' xmlns='http://www.w3.org/1998/Math/MathML'>
            <mrow>
                <mfrac>
                    <mn>7</mn>
                    <mrow>
                        <mi>x</mi>
                        <mo>&#x2212;</mo>
                        <mn>5</mn>
                    </mrow>
                </mfrac>
                <mo>+</mo>
                <mfrac>
                    <mn>4</mn>
                    <mrow>
                        <mn>4</mn>
                        <mo>&#x2212;</mo>
                        <mi>x</mi>
                    </mrow>
                </mfrac>
                <mo>=</mo>
                <mfrac>
                    <mn>1</mn>
                    <mrow>
                        <msup>
                            <mi>x</mi>
                            <mn>2</mn>
                        </msup>
                        <mo>&#x2212;</mo>
                        <mn>9</mn>
                        <mi>x</mi>
                        <mo>+</mo>
                        <mn>20</mn>
                    </mrow>
                </mfrac>
            </mrow>
        </math>
    </p>

</body>

</html>