css - 确保字体在未经测试的机器上适用于 MathJax

Question

在我网站的样式表中有

.mi, .mo {
    font-family: 'Charter', 'MathJax_Math' !important;
}

暂时搁置这是否总是会在存在理想版本的 Charter 时为用户产生令人满意的结果(到目前为止对我来说是这样)，有没有办法确保这对机器产生相同的效果我无法对其进行测试。显然，对于完全缺乏 Charter 的用户来说，这会优雅地失败，但我想知道是否有广泛使用的 Charters 缺乏使我的版本工作的功能。

Charter 的版本在渲染 MathJax 方面是好是坏？如果是这样，如何找到并测试它们，或者排除功能较差的版本？

---

请注意，这不是与页面一起下载 Charter 的问题。如果用户没有 Charter，他可能没有依附于它并且可以使用 MathJax 的默认字体。我想确定的是，拥有 Charter 的用户将 MathJax 作为 Charter，但拥有“差”Charter(如果存在)的用户不会受到惩罚。

Answer 1

MathJax 目前不支持类似 Charter 的字体。

MathJax 只支持有限数量的字体，无论是 webfont 还是本地安装的； see the docs (under availableFonts and webFont)

虽然您可以使用 !important 覆盖字体，但这会导致排版质量不佳。由于浏览器限制，MathJax 无法访问字体的相关指标以正确计算其布局。对于支持的字体，MathJax 将动态加载预编译的字体数据。

当然，您可以使用 MathJax development tools 向 MathJax 添加对 Charter 的支持。 , 但 IIRC Charter 不包含很多数学字符——因此渲染质量会再次变差。

最后，如果只需要数学内容中的文本框就可以使用Charter，其实是支持的。只需通过设置 mtextFontInherit = true 将 MathJax 配置为使用文本框的周围字体。