如何更改 REACT JS 中的 react-mathjax-preview 字体大小和字体？

【问题标题】：how to change react-mathjax-preview font size and font in REACT JS?如何更改 REACT JS 中的 react-mathjax-preview 字体大小和字体？
【发布时间】：2021-10-30 13:55:48
【问题描述】：

我在我的代码中使用 react-mathjax-preview 包：

<h5 style={{"text-align":"center" ,"text-overflow":"ellipsis"}}><MathJax math={"$$"+\lim_{x \to \infty} \exp(-x) = 0+"$$"}  /></h5>

请指导我更改“react-mathjax-preview”节点模块上的字体大小和字体

【问题讨论】：

标签： reactjs size font-size mathjax preview

【解决方案1】：

你需要使用 react-mathjax-preview 提供的配置属性

即

<MathJax 
  math={math} 
  config={{ "HTML-CSS": { fonts: [ "sana-Math"], scale: 400 } }} 
/>

你可以在这里找到所有配置对象属性https://docs.mathjax.org/en/v2.7-latest/options/output-processors/HTML-CSS.html#configure-html-css

对于大小和字体，请使用 scale 和 fonts 定义，如上所示

请注意，mathjax 可以使用的字体有限

【讨论】：

感谢 Mike 的宝贵意见