将 STIX 字体应用于 MathML CSS

Question

我尝试使用此字体通过这个简单的CSS渲染一个简单的MathmML公式，但公式没有改变，

.formula {
    text-align: center;
    font-weight: 100;
    font-style: normal;
    padding: 10px;
    font-family: 'STIXGeneral';
}

或与

    @font-face
{
font-family: STIX;
src: url('STIXIntegralsD-Regular.ttf');
}
.formula {
    text-align: center;
    font-weight: 100;
    font-style: normal;
    padding: 10px;
    font-family: 'STIX';
}

但是什么都没有，字体没有应用，错误在哪里？

Answer 1

要使第二个文件正常工作，ttf 文件需要与 html 文件位于同一目录中，并且您使用的浏览器需要能够加载 ttf 字体，因为 Web 字体请参阅 http://caniuse.com/ttf 以获取哪些浏览器支持 ttf Web 字体的表格。

只要您在本地安装了 stix 字体并在元素上使用 class="formula"，第一个应该可以工作（不过 100 会很轻）。