解决 mathjax 数学公式渲染的字体大小问题

分享讨论IT相关的内容
回复
头像
BobMaster
锋芒初露
锋芒初露
帖子: 1186
注册时间: 2020年 12月 7日 08:05
来自: 神秘的东方
我的状态: 🎯
为圈友点赞: 338 次
被赞次数: 177 次
联系:

解决 mathjax 数学公式渲染的字体大小问题

帖子 BobMaster »

mathjax 这个库的默认选项会自动匹配字体大小

代码: 全选

matchFontHeight: true,         // true to match ex-height of surrounding font
按官方的说法,一般是113.1%,但我得到的是51%左右的一个数值,公式渲染后的样式很小,最后根据官方文档的说明解决了,只需要在引用库的时候,将matchFontHeight改为false即可。

代码: 全选

<script>
MathJax = {
  chtml: {
    matchFontHeight: false
  }
};
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://quanquan.space/assets/javascript/tex-mml-chtml.js"></script>
参考资料:
1. inline "font-size" style for mjx-container
2. https://docs.mathjax.org/en/latest/opti ... chtml.html
人生如音乐,欢乐且自由
回复

在线用户

正浏览此版面之用户: 没有注册用户 和 0 访客