1

我正在使用 MathJax 在设计用于在移动设备（例如 iphone）上查看的页面上呈现数学符号。当我使用元标记时

<meta name="viewport" content="user-scalable=no, width=device-width" />

这会以某种方式导致问题。MathJax 不加载网络字体，而是依靠图像字体，这是劣等的。如果我明确设置大于某个截止值的像素宽度，这个问题就会消失。如果我设置

<meta name="viewport" content="user-scalable=no, width=360px" />

例如，它可以毫无问题地加载网络字体。所以我想知道......有没有一个优雅的解决方案？我不希望使用绝对宽度，但在我的书中，使用 web-fonts 呈现的页面具有更高的优先级。

以下是在这方面失败的页面示例：

<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width" />
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript"
src="https://d3eoax9i5htok0.cloudfront.net/mathjax/latest/MathJax.js?config=TeX-   AMS-MML_HTMLorMML">
</script>
</head>
<body>
<span style="color:green">
$$\sum_{n=0}^\infty x^n$$
</span>
</body>
</html>
4

1 回答 1

0

我相信这个问题在 MathJax 2.0 版中得到了解决。测试版可在http://devel.mathjax.org/mathjax/dpvc/v2.0-candidate/MathJax.js 获得，所以您可以尝试一下，看看它是否更适合您？

另请参阅MathJax 用户论坛上的讨论。建议的解决方法是

<script type="text/x-mathjax-config">
 MathJax.Hub.Register.StartupHook("HTML-CSS Jax Ready", function () {
   var HTMLCSS = MathJax.OutputJax["HTML-CSS"];
   HTMLCSS.Font.testSize = ["10px","12px","15px","9px","8px"];
   document.getElementById("MathJax_Font_Test").style.fontSize = "10px";
 });
 </script>

这会更改检测网络字体时要使用的字体大小。

于 2012-02-19T18:44:34.773 回答