私は自分のページでmathjaxを使用していますが、これを読みました:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
"HTML-CSS": { scale: 175}
});
</script>
フォントを大きくすることになっています。しかし代わりに、mathjax 方程式のコンテナーを大きくするだけで、フォントは同じままです。何故ですか?フォントサイズを変更するには?
私は自分のページでmathjaxを使用していますが、これを読みました:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
"HTML-CSS": { scale: 175}
});
</script>
フォントを大きくすることになっています。しかし代わりに、mathjax 方程式のコンテナーを大きくするだけで、フォントは同じままです。何故ですか?フォントサイズを変更するには?
グローバルなサイズ変更が必要な場合は、CSS を使用してこれを行った方法を次に示します。
.MathJax {
font-size: 1.3em;
}
を使用1.3 em
しましたが、ニーズに合わせて変更できます。
\tiny{ }
、\scriptsize{ }
、\small{ }
、\normal{ }
、 、\large{ }
、\Large{ }
を\LARGE{ }
使用し\huge{ }
ます\Huge{ }
。
この方法で mathjax/latex をロードすると、数式のサイズをグローバルに変更できます。
<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>
div内に数学がある場合:
<div id="some_math"> $$ x^2 $$</div>
次のようにCSSを使用するだけでフォントサイズを変更できます。
$("#some_math").css("font-size","150%");
特定の数式または数式の一部のフォント サイズを変更する 2 つのオプションがあります。
.css クラスを使用します。
\class{className}{}
className
cssで指定できるのはdivクラス名です。
\tiny{ }, \scriptsize{ }, \small{ }, \normal{ }, \large{ }, \Large{ }, \LARGE{ }, \huge{ }, \Huge{ }
すべての方程式をグローバルに変更したい場合、MathJax は div 内に出力します。css を使用して、クラスのフォント サイズを編集します。
.MathJax {
font-size: 12pt;
}
最後に、MathJax 構成を編集してフォントをグローバルに変更することもできますが、さまざまな画面サイズのフォント サイズを変更できるので、css バージョンをお勧めします。
config/default.js の変更など、さまざまなことを試しました
http://docs.mathjax.org/en/latest/options/index.html
またはmathjax.js、それらのどれも機能しませんでした(私はDrupal 6を使用しているため、MathJax 1.1に戻す必要がありました)
最後に、Wojciech の回答に基づいて、機能するものを見つけました。次のように、Math コードを div で囲むだけです。
<div style="font-size: 133%;">
<p>\begin{equation} \frac{\partial e_b}{\partial x^b} = \Gamma_{ab}^k e_k \end{equation}</p>
</div>