いくつかのMathMLを含むHTML5ドキュメントがあるとしましょう。ページの本文のフォントを設定しましたが、MathML文字に使用されるフォントは変更されません。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example of MathML embedded in an HTML5 file</title>
<meta charset="utf-8" />
</head>
<body style="font-family: courier;">
Quadratic formula
<math><mrow>
<mi>x</mi>
<mo>=</mo>
<mfrac>
<mrow>
<mo form="prefix">−</mo>
<mi>b</mi>
<mo>±</mo>
<msqrt>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo>−</mo>
<mn>4</mn>
<mo>⁢</mo>
<mi>a</mi>
<mo>⁢</mo>
<mi>c</mi>
</msqrt>
</mrow>
<mrow>
<mn>2</mn>
<mo>⁢</mo>
<mi>a</mi>
</mrow>
</mfrac>
</mrow></math>
</body>
</html>
これにより、「二次方程式」というテキストが宅配便で表示されますが、MathMLはデフォルトのページフォントのままです。MathMLに使用するフォントを変更するにはどうすればよいですか?