2011-04-18 72 views
3

Env:MathJax 1.1在Chrome中显示时字体大小较大

我们修改了default.js中的styles元素以修改某些显示设置。正如你在下面看到的,字体大小已经被设置为50%,这导致MathJax在Firefox中正确渲染(50%),但在Chrome中字体大得多。

如果我们删除字体大小,它会在Chrome中正常显示,但在Firefox中显示得更小。

  1. 什么是正确的方式来管理字体大小,以便它在所有浏览器上正常显示?
  2. 什么是将自定义更改添加到MathJax的首选机制(如下面给出的那样),以便我们在未来的升级中不会有太大的改变。

// //这允许您更改控制菜单 //外观的CSS。有关详细信息,请参阅扩展/ MathMenu.js文件 //默认设置。 //

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

回答

1

见我post在MathJax用户论坛了解详情。

字体大小由MathJax动态设置,以便正确匹配周围的文本,因此您不应该明确设置MathJax的字体大小。如果没有正确地发生,我想看看它失败的情况,以便可以改进字体大小匹配。可能是页面上的其他CSS会干扰该页面,所以我需要查看存在问题的完整页面。

如果你想改变相对于周围文本的数学大小,你应该在配置的HTML-CSS部分中设置“scale”参数,而不是直接使用CSS。你不应该直接设置字体大小,因为这几乎肯定会导致MathJax失败。

+0

嗨。 MathJax很好,但是我的Chrome渲染数学问题比Firefox还大。我根本没有修改大小,但Firefox似乎更适合。这里有一个URL来测试你是否感兴趣。 http://josiahmanson.com/prose/earth_light_absorption/ – Joe 2012-10-12 05:51:01

+0

@Joe,您的网页在两个浏览器中看起来几乎完全相同。你能提供一个屏幕截图来说明你所看到的区别吗?另外,你使用的是什么操作系统和浏览器版本?如果您使用MathJax上下文菜单并查看Math-Settings-> Math-Renderer菜单,那么选择了什么渲染器? – 2012-10-12 15:37:39

+0

我碰到了我认为是同样的问题 - 基本上基于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