как изменить размер шрифта react-mathjax-preview и шрифт в REACT JS?

#reactjs #size #font-size #mathjax #preview

Вопрос:

Я использую пакет react-mathjax-предварительный просмотр в своем коде:

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

Пожалуйста, объясните мне, как изменить размер шрифта и шрифт в узловом модуле «react-mathjax-предварительный просмотр».

введите описание изображения здесь

Ответ №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

для определения размера и шрифта используйте определение, масштаб и шрифты, как показано выше

обратите внимание, что mathjax имеет ограниченное количество шрифтов, которые вы можете использовать

Комментарии:

1. Спасибо Майку за ваш ценный вклад