web-dev-qa-db-fra.com

Changer la taille de la police de mathjax

J'utilise mathjax sur ma page et j'ai lu ceci:

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

Est censé rendre les polices plus grandes. Mais au lieu de cela, tout ce qu’il fait, c’est que le conteneur d’équations mathjax est plus grand, mais les polices restent les mêmes. Pourquoi donc? Comment changer la taille de la police?

20
ojek

Eh bien, si vous avez besoin d’un redimensionnement global, voici comment je l’ai fait avec CSS.

.MathJax {
font-size: 1.3em;
}

J'ai utilisé 1.3 em, vous pouvez le modifier pour mieux répondre à vos besoins.

17
Mohd Abdul Mujib

Vous pouvez modifier la taille des formules globalement si vous chargez mathjax/latex de cette manière:

<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>
9
Stephan

Utilisez\tiny {},\scriptsize {},\small {},\normal {},\large {},\Large {},\GRAND {},\énorme {},\Énorme {}.

8
Gurjeet Singh

Quand vous avez des maths dans une div:

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

vous pouvez changer la taille de la police en utilisant simplement CSS comme ceci:

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

On dirait que la balise <span> fonctionne pour le réglage de la police en ligne:

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

devrait bien rendre "a-b" pour la police de caractère Times à une taille de police de 14px.

3
Luqman Malik

J'ai essayé de nombreuses choses, y compris la modification de config/default.js 

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

ou mathjax.js, aucun d'entre eux n'a fonctionné (j'utilise Drupal 6 et j'ai donc dû revenir à MathJax 1.1)

Enfin, à partir de la réponse de Wojciech, j'ai trouvé quelque chose qui fonctionnait. Entourez simplement le code Math avec un div comme celui-ci:

<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>
2
atmelino

Vous devriez ajouter ceci à votre CSS.

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

Voici deux options pour modifier la taille de la police d’une équation ou d’une partie d’équation spécifique. 

  1. Utilisez une classe .css.

    \class{className}{}

className est le nom de la classe div qui peut être spécifié en css. 

  1. Utiliser du latex

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

Si vous souhaitez modifier globalement toutes les équations, MathJax imprime à l'intérieur d'un div. Utilisez css pour modifier la taille de la police de la classe. 

.MathJax {
    font-size: 12pt;
}

Enfin, si vous pouviez également modifier la configuration de MathJax pour modifier les polices globalement, je préfère toutefois la version css car elle vous permet de modifier la taille des polices pour différentes tailles d’écran. 

0
matthew

N'utilisez pas les CSS comme le suggèrent les autres, surtout s'ils sont combinés avec un saut de ligne. Mathjax calcule l'espace requis pour le saut de ligne. Ainsi, si vous modifiez sa taille par la suite, vous obtiendrez des résultats chaotiques (débordement, rupture incorrecte, découpage, etc.).

Faites-le via config ou MML/Tex

Styling MathJax

0
user8972259