mathJax на iphone с шириной устройства дает шрифты изображения - PullRequest
Новая
       13

mathJax на iphone с шириной устройства дает шрифты изображения

1 голос
/ 19 февраля 2012

Я использую MathJax для отображения математических символов на странице, предназначенной для просмотра на мобильном устройстве, например, на iphone.Когда я использую метатег 

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

, это как-то вызывает проблемы.MathJax не загружает веб-шрифты и вместо этого использует шрифты изображений, которые являются худшими.Эта проблема исчезает, если я в явном виде устанавливаю ширину в пикселях, превышающую определенную обрезку.Например, если я установлю 

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

, он загружает веб-шрифты без проблем.Так что мне интересно ... есть ли элегантное решение для этого?Я бы предпочел не использовать абсолютную ширину, но страница, отображаемая с помощью веб-шрифтов, является несколько более приоритетным в моей книге.

Вот пример страницы, которая терпит неудачу в этом отношении: 

<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>

1 Ответ

0 голосов
/ 19 февраля 2012

Я считаю, что эта проблема решена в версии 2.0 MathJax. Бета-версия доступна по адресу 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>

, который изменяет размеры шрифтов, используемых при обнаружении веб-шрифтов.

...