首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >HTML5中的MathML :更改数学字体

HTML5中的MathML :更改数学字体
EN

Stack Overflow用户
提问于 2012-08-06 17:38:16
回答 2查看 3.1K关注 0票数 2

假设我有一个包含一些MathML的HTML5文档。我设置了页面正文的字体,但它没有更改用于MathML字符的字体:

代码语言:javascript
运行
AI代码解释
复制
<!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>&PlusMinus;</mo>
          <msqrt>
            <msup>
              <mi>b</mi>
              <mn>2</mn>
            </msup>
            <mo></mo>
            <mn>4</mn>
            <mo>&InvisibleTimes;</mo>
            <mi>a</mi>
            <mo>&InvisibleTimes;</mo>
            <mi>c</mi>
          </msqrt>
        </mrow>
        <mrow>
          <mn>2</mn>
          <mo>&InvisibleTimes;</mo>
          <mi>a</mi>
        </mrow>
      </mfrac>
    </mrow></math>
  </body>
</html>

这将在向导中显示文本"Quadratic formula“,但MathML保持默认页面字体。如何更改MathML使用的字体?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-08-06 23:19:25

您可能应该在Mozilla Developer Network上阅读this document。我猜下面这段话适用于你的情况:

数学公式使用由特定Unicode字符表示的各种符号。如果安装了合适的Unicode字体,Mozilla可以显示这些符号中的任何一个。此外,根据W3C字体建议,作者可以指定他们喜欢的特定字体的有序列表(使用CSS的CSS2 -family属性),并确保无论何时在特定用户的系统上找不到指定的字体,Mozilla的字体引擎都会搜索替代字体。

Mozilla的一位MathML开发者似乎很有规律地在写博客。这里有两篇你会感兴趣的最近的文章:

  1. Installation of mathematical fonts
  2. About mathematical fonts

结果似乎是,为了保证MathML的良好渲染,您的用户需要安装MathJaxSTIXAsana Math字体。

票数 4
EN

Stack Overflow用户

发布于 2012-08-06 23:20:43

它在这里用jsfiddle呈现快递:http://jsfiddle.net/jalbertbowdenii/8VKJg/你使用的是什么浏览器/操作系统?

在小提琴中包含MathJax.js可以正确地呈现以下内容:

代码语言:javascript
运行
AI代码解释
复制
<script src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"
async>

</script>

jsfiddle with MathJax.js rendering correctly

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11833164

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档