【问题标题】:Font size is bigger while displaying in Chrome在 Chrome 中显示时字体变大
【发布时间】:2011-06-20 07:08:51
【问题描述】:

环境: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%"
  }
}

【问题讨论】:

    标签: mathjax


    【解决方案1】:

    有关详细信息,请在 MathJax 用户论坛上查看我的 post。

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

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

    【讨论】:

    • 嗨。 MathJax 很好,但我在 Chrome 渲染数学上也比在 Firefox 中遇到了一些问题。我根本没有修改大小,但 Firefox 似乎更适合。这里有一个 URL 来测试你是否感兴趣。 josiahmanson.com/prose/earth_light_absorption
    • @Joe,您的页面在两种浏览器中看起来几乎与我相同。您能否提供一个屏幕截图来说明您所看到的差异?另外,您使用的是什么操作系统和浏览器版本?如果您使用 MathJax 上下文菜单并查看 Math-Settings->Math-Renderer 菜单,会选择什么渲染器?
    • 我遇到了我认为同样的问题——基本上基于 Webkit 的浏览器可以很好地显示字体,而 Firefox 和 IE 似乎显示的字体太小了。我没有做任何特别花哨的事情,只是我从 Google 的 webfont 服务加载了一个 web 字体。这是一个示例 - 我在 Windows 7 上的 Chrome v26 中获得了良好的结果,而在 IE9 和 Firefox 17 上获得了不好的结果:jsfiddle.net/seeligd/REnLm/31
    • 使用两种浏览器呈现的页面示例。我只是使用浏览器上的默认设置,我相信大多数阅读该页面的人都会这样做。您可以看到 Firefox 数学没有那么大和粗体,并且更好地匹配文本。 people.cs.tamu.edu/jmanson/files/mathjax_chrome.jpgpeople.cs.tamu.edu/jmanson/files/mathjax_firefox.jpg
    • @pho79,好的,我用你的 jsFiddle 做了一些测试,看起来 Firefox 没有为 google 字体获得正确的 ex-size,而 WebKit 有。请参阅您的小提琴的version 32,我在其中添加了一个宽度和高度为 1ex 的红色框。这是 MathJax 尝试匹配的大小,并且它做得很好,只是 Firefox 中的 ex-size 是错误的。不确定这是字体中的缺陷(并且 Firefox 正确使用了字体的 ex-height)还是 Firefox 中的缺陷(并且它获得了正确的 ex-height)。但这就是问题的根源。
    猜你喜欢
    • 2021-04-28
    • 2011-11-27
    • 2014-12-17
    • 2014-12-08
    • 2015-02-07
    • 2015-12-30
    • 1970-01-01
    • 1970-01-01
    • 2017-01-18
    相关资源
    最近更新 更多