在Chrome中顯示時字體大小較大

我們修改了default.js中的styles元素以修改某些顯示設置。正如你在下面看到的，字體大小已經被設置爲50％，這導致MathJax在Firefox中正確渲染（50％），但在Chrome中字體大得多。

如果我們刪除字體大小，它會在Chrome中正常顯示，但在Firefox中顯示得更小。

什麼是正確的方式來管理字體大小，以便它在所有瀏覽器上正常顯示？
什麼是將自定義更改添加到MathJax的首選機制（如下面給出的那樣），以便我們在未來的升級中不會有太大的改變。

// //這允許您更改控制菜單 //外觀的CSS。有關詳細信息，請參閱擴展/ MathMenu.js文件 //默認設置。 //

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

來源

2011-04-18 Achaius

見我post在MathJax用戶論壇瞭解詳情。

字體大小由MathJax動態設置，以便正確匹配周圍的文本，因此您不應該明確設置MathJax的字體大小。如果沒有正確地發生，我想看看它失敗的情況，以便可以改進字體大小匹配。可能是頁面上的其他CSS會干擾該頁面，所以我需要查看存在問題的完整頁面。

如果你想改變相對於周圍文本的數學大小，你應該在配置的HTML-CSS部分中設置「scale」參數，而不是直接使用CSS。你不應該直接設置字體大小，因爲這幾乎肯定會導致MathJax失敗。

來源

2011-05-01 19:21:23

嗨。 MathJax很好，但是我的Chrome渲染數學問題比Firefox還大。我根本沒有修改大小，但Firefox似乎更適合。這裏有一個URL來測試你是否感興趣。 http://josiahmanson.com/prose/earth_light_absorption/ – Joe 2012-10-12 05:51:01

@Joe，您的網頁在兩個瀏覽器中看起來幾乎完全相同。你能提供一個屏幕截圖來說明你所看到的區別嗎？另外，你使用的是什麼操作系統和瀏覽器版本？如果您使用MathJax上下文菜單並查看Math-Settings-> Math-Renderer菜單，那麼選擇了什麼渲染器？ – 2012-10-12 15:37:39

我碰到了我認爲是同樣的問題 - 基本上基於Webkit的瀏覽器很好地顯示字體，Firefox和IE似乎顯示它太小。除了我正在從Google的webfont服務加載網絡字體外，我沒有做任何特別的事情。這裏有一個例子 - 我得到的Windows 7和IE9上的糟糕成績和Firefox 17在Chrome V26良好的效果： http://jsfiddle.net/seeligd/REnLm/31/與兩個渲染頁面的 – pho79 2013-01-19 00:09:35

在Chrome中顯示時字體大小較大

回答

相關問題