0
MathJaxを使用してレンダリングされる数式を含むHTMLファイルを作成しようとしています。しかし、Googleのフォント（私の場合はLusitana）を使用すると、数式のサイズが間違っています。コンピュータやその他のGoogleフォントにインストールされている通常のフォントを使用すると、正しく表示されます。私は本当にLusitanaを使いたいです - これを動作させる方法はありますか？MathJax：特定のGoogleフォントを使用すると、式のサイズが正しく設定されない
編集1：私のプラットフォームはUbuntu 16.04、Chrome 62です。この問題はFirefoxでは発生しません。ここで
は、以下のソースのレンダリングはフォントルシタナでどのように見えるかです：問題を生成https://imgur.com/a/OiBmr
HTMLソースは次のとおりです。
<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lusitana');
body {
font-family: "Lusitana", Garamond, Baskerville, "Times New Roman", serif;
/* font-family: "Open Sans", Garamond, Baskerville, "Times New Roman", serif; */
}
p {
font-size: 20px;
}
</style>
<script type="text/javascript">
window.MathJax = {
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
processEscapes: true
},
};
</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
</head>
<body>
<p>
The roots of a quadratic equation, $ax^2 + bx + c = 0$ are given by, $$x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$ The expression $\sqrt{b^2 - 4ac}$ is called the discriminant of the equation. If its value is $0$, then the roots are equal, otherwise the roots are distinct. Furthermore, if the discriminant is positive, the roots are real, and if negative, the roots are complex.
</p>
</body>
</html>