mathjax

mathjax main



Cambiar el tamaƱo de fuente de mathjax (9)

Estoy usando mathjax en mi página, y he leído que esto:

<script type="text/x-mathjax-config"> MathJax.Hub.Config({ "HTML-CSS": { scale: 175} }); </script>

Se supone que debe hacer las fuentes más grandes. Pero, en cambio, todo lo que hace es hacer que el contenedor de ecuaciones mathjax sea más grande, pero las fuentes siguen siendo las mismas. ¿Porqué es eso? ¿Cómo cambiar el tamaño de fuente?


Aquí hay dos opciones para cambiar el tamaño de fuente para una ecuación específica o parte de una ecuación.

  1. Utilice una clase .css.

    /class{className}{}

El className es el nombre de la clase div que se puede especificar en css.

  1. Usar latex

/tiny{ }, /scriptsize{ }, /small{ }, /normal{ }, /large{ }, /Large{ }, /LARGE{ }, /huge{ }, /Huge{ }

Si desea cambiar todas las ecuaciones globalmente, MathJax imprime dentro de un div. Use css para editar el tamaño de fuente de la clase.

.MathJax { font-size: 12pt; }

Finalmente, si también podría editar la configuración de MathJax para cambiar las fuentes globalmente, pero prefiero la versión css porque le permite cambiar los tamaños de fuente para diferentes tamaños de pantalla.


Bueno, si necesitas un cambio de tamaño global, así es como lo hice a través de CSS.

.MathJax { font-size: 1.3em; }

1.3 em , puedes cambiarlo para que se adapte mejor a tus necesidades.


Cuando tienes algunas matemáticas dentro de un div:

<div id="some_math"> $$ x^2 $$</div>

Puedes cambiar el tamaño de la fuente simplemente usando CSS como este:

$("#some_math").css("font-size","150%");


Debe agregar esto a su CSS.

.MathJax_CHTML { font-size: 25px !important; }


No utilice css como lo sugieren los demás, especialmente si se combina con el corte de línea. Mathjax calcula la cantidad de espacio que requiere para romper la línea, por lo que si cambia su tamaño más adelante, puede obtener resultados caóticos (desbordamiento, roturas incorrectas, recortes, etc.)

Hazlo a través de la configuración o MML / Tex

Styling MathJax


Parece que la etiqueta <span> funciona para el ajuste de fuente en línea:

<span style="font-size:2.1em; line-height:0%">$ab$</span>

debería representar "ab" para la familia de fuentes Times con un tamaño de fuente de 14px.


Probé varias cosas, incluyendo la modificación de config / default.js

http://docs.mathjax.org/en/latest/options/index.html

o mathjax.js, ninguno de ellos funcionó (uso Drupal 6 y, por lo tanto, tuve que volver a MathJax 1.1)

Finalmente, basado en la respuesta de Wojciech, encontré algo que funcionó. Simplemente rodee el código matemático con un div como ese:

<div style="font-size: 133%;"> <p>/begin{equation} /frac{/partial e_b}{/partial x^b} = &nbsp;&nbsp;/Gamma_{ab}^k &nbsp;e_k &nbsp; /end{equation}</p> </div>


Puede cambiar el tamaño de las fórmulas globalmente si carga mathjax / latex de esta manera:

<script type="text/x-mathjax-config"> MathJax.Hub.Config({ CommonHTML: { scale: 130 } }); </script> <script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"> </script>


Use / tiny {}, / scriptsize {}, / small {}, / normal {}, / large {}, / Large {}, / LARGE {}, / huge {}, / Huge {}.