web-dev-qa-db-ja.com

mathjaxのフォントサイズの変更

私のページではmathjaxを使用していますが、これを読んだことがあります。

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

フォントを大きくすることになっています。しかし、代わりに、それはmathjax方程式のコンテナーを大きくしますが、フォントは同じままです。何故ですか?フォントサイズを変更するには?

29
ojek

さて、グローバルなサイズ変更が必要な場合は、CSSを使用して次のように行いました。

.MathJax {
font-size: 1.3em;
}

1.3 em、ニーズに合わせて変更できます。

17

次のように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>
10
Stephan

\ tiny {}、\ scriptsize {}、\ small {}、\ normal {}、\ large {}、\ Large {}、\ LARGE {}、\ huge {}、\ Huge {}を使用します。

8
Gurjeet Singh

Div内に数学がある場合:

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

次のようにCSSを使用するだけでフォントサイズを変更できます。

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

<span>タグはインラインフォント調整に使用できます。

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

times font-familyの「a-b」を14px font-sizeで適切にレンダリングする必要があります。

3
Luqman Malik

Config/default.jsの変更など、さまざまなことを試しました

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

またはmathjax.js、どれも機能しませんでした(私はDrupal 6を使用しているため、MathJax 1.1に戻す必要がありました)

最後に、ヴォイチェフの答えに基づいて、私はうまくいった何かを見つけました。 Mathコードをそのようなdivで囲むだけです。

<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

これをCSSに追加する必要があります。

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

MathJax 3.0.0:

<script>
    MathJax = {
        tex: {
            inlineMath: [['$', '$'], ['\\(', '\\)']]
        },
        chtml: {
            scale: 1.3
        },
        svg: {
            scale: 1.3
        }
    };
</script>
<script src="/js/mathjax/tex-chtml.js" id="MathJax-script" async></script>
0
retif

特定の数式または数式の一部のフォントサイズを変更する2つのオプションを次に示します。

  1. .cssクラスを使用します。

    \class{className}{}

classNameは、cssで指定できるdivクラス名です。

  1. ラテックスを使用

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

すべての方程式をグローバルに変更する場合、MathJaxはdiv内に出力します。 cssを使用して、クラスのフォントサイズを編集します。

.MathJax {
    font-size: 12pt;
}

最後に、MathJax設定を編集してフォントをグローバルに変更することもできますが、CSSバージョンの方が画面サイズごとにフォントサイズを変更できるため、私はそれを好みます。

0
matthew

他の人が示唆しているように、特に改行と組み合わせる場合は、cssを使用しないでください。 Mathjaxは改行に必要なスペースを計算するため、後でサイズを変更すると、無秩序な結果(オーバーフロー、不適切な改行、クリッピングなど)を取得できます。

ConfigまたはMML/Texを介して実行する

スタイリングMathJax

0
user8972259