Размер шрифта больше при отображении в Chrome

Окружение: MathJax 1.1

Мы изменили элемент стилей в default.js, чтобы изменить некоторые параметры отображения. Как вы видите ниже, размер шрифта был установлен на 50%, что приводит к правильному отображению MathJax в Firefox (с 50%), но гораздо большему размеру шрифта в Chrome.

Если мы удалим размер шрифта, он будет корректно отображаться в Chrome, но меньше в Firefox.

  1. Как правильно управлять размером шрифта, чтобы он правильно отображался во всех браузерах?
  2. Каков был бы предпочтительный механизм для добавления пользовательских изменений в MathJax (например, приведенный ниже), чтобы мы не сильно ломались при будущем обновлении.

// // Это позволяет изменить CSS, управляющий // внешним видом меню. Подробнее о настройках по умолчанию см. в файле extensions/MathMenu.js. //

styles : {
    ".MathJax" : {
         "font-family" : "Arial",
         "font-size": "50%"
  }
}

person Achaius    schedule 18.04.2011    source источник


Ответы (1)


Подробнее см. в моем сообщении на форуме пользователей MathJax.

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

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

person Davide Cervone    schedule 01.05.2011
comment
Привет. MathJax хорош, но у меня есть некоторые проблемы с математикой рендеринга Chrome, большей, чем в Firefox. Я вообще не меняю размер, но Firefox, кажется, подходит лучше. Вот URL-адрес для тестирования, если вы заинтересованы. josiahmanson.com/prose/earth_light_absorb - person Joe; 12.10.2012
comment
@Джо, твоя страница выглядит почти одинаково для меня в обоих браузерах. Можете ли вы предоставить снимок экрана, иллюстрирующий разницу, которую вы видите? Кроме того, какую ОС и какие версии браузера вы используете? И какой рендерер выбран, если вы используете контекстное меню MathJax и смотрите в меню Math-Settings->Math-Renderer? - person Davide Cervone; 12.10.2012
comment
Я столкнулся с тем, что, по моему мнению, является той же проблемой - в основном браузеры на основе Webkit отображают шрифт хорошо, Firefox и IE, похоже, отображают его слишком мелко. Я не делаю ничего особенно необычного, за исключением того, что загружаю веб-шрифт из службы веб-шрифтов Google. Вот пример: я получаю хорошие результаты в Chrome v26 в Windows 7 и плохие результаты в IE9 и Firefox 17: jsfiddle.net/seeligd/REnLm/31 - person pho79; 19.01.2013
comment
Примеры страниц, отображаемых двумя браузерами. Я просто использую настройки браузера по умолчанию, как и большинство людей, читающих эту страницу. Вы можете видеть, что математика Firefox не такая большая и жирная и лучше соответствует тексту. people.cs.tamu.edu/jmanson/files/mathjax_chrome.jpg people.cs.tamu.edu/jmanson/files/mathjax_firefox.jpg - person Joe; 20.01.2013
comment
Я подозреваю, что проблема заключается в том, что шрифт вашей страницы является сетевым. Некоторые браузеры (например, Firefox) будут временно использовать другой шрифт, пока не появится веб-шрифт. Возможно, MathJax запускается до прибытия веб-шрифта и получает размер шрифта из этого временного шрифта. Возможно, вам придется указать MathJax не запускаться немедленно и использовать обратный вызов из веб-шрифтов Google, чтобы сообщить MathJax о запуске в этот момент. - person Davide Cervone; 26.01.2013
comment
@ pho79, хорошо, я провел некоторое тестирование с вашим jsFiddle, и оказалось, что Firefox не получает правильный ex-размер для шрифта Google, в то время как WebKit делает это. См. версию 32 вашей скрипки, где я добавил красный прямоугольник шириной и высотой 1ex. Это размер, который MathJax пытается сопоставить, и он делает это правильно, просто ex-size неверен в Firefox. Не уверен, является ли это недостатком шрифта (и Firefox правильно использует экс-высоту шрифта) или но в Firefox (и он получает правильную экс-высоту). Но это источник проблемы. - person Davide Cervone; 27.01.2013
comment
Кстати, IE (по крайней мере, до IE9 - я там не проверял) вообще не обрабатывал ex должным образом. Бывший всегда был 1/2 em, что в общем-то неправильно, но обычно довольно близко. Не уверен, является ли это частью эффекта здесь или нет. - person Davide Cervone; 27.01.2013
comment
@DavideCervone Большое спасибо! Здорово иметь точный индикатор причины. - person pho79; 07.02.2013