css - element.style 任意增加字体大小

Question

This页面由 Emacs 的组织模式 HTML 导出自动生成。我已将其设置为使用 LaTeX 符号的 MathJax 渲染。在 There Exists 行的第三列，我使用了用“$”包围的内联 LaTeX 符号

$\exists  x \mid x2>x$

这是正确的 LaTeX 嵌入，而上面和下面的行我没有，即 Emacs 只是选择 LaTeX 标记并在不使用“$”的情况下插入它。如果您检查(我使用的是 Chrome)这段代码，您会看到它只是为这个 LaTeX 标记增加了字体大小，看起来是任意的，使符号与其他符号相比看起来异常大。

<span style="display: inline-block; position: relative; width: 5.681em; height: 0px; font-size: 129%;">

如何停止、阻止、覆盖正在插入的 element.style 并放大我的字体大小？

element.style {
    display: inline-block;
    position: relative;
    width: 5.713em;
    height: 0px;
    font-size: 129%;
}

更新:

我已将问题缩小到我的自定义 stylesheet.css 中的某些内容:

table {
    /* font-family: monospace; */
    font-family:'eulermedium_18';
    /* font-size: 1.05em; */
    margin-left:5%;
    margin-right:auto;
    margin-top:0.5em;
    margin-bottom:0.5em;
    line-height: 1.5em;
}

即 font-family。上面我注释掉了 monospace，这给了我 129% 的任意大小。但是正如你所看到的，我尝试了 AMS Euler(由 Font Squirrel 转换的 ttf 版本，就像 Computer Modern 一样)并且它导致相关组织模式表的 $...$ 部分减少字体大小为53%!疯狂。同样，在 table 中没有 font-family 大小在 LaTeX/MathJax 和常规文本中是正常的。有什么方法可以让 MathJax 内容的组织模式 HTML 导出正确使用我的字体？

Answer 1

它似乎也与font-family有关。 There Exists 行的第 3 列似乎使用 font 作为 STIXGeneral-Italic，而在其他地方使用的默认 font 似乎是 等宽。您可以使用 !important 指令在 stylesheet.css 中覆盖这些样式。

.mrow span{
    font-family: inherit!important;
    font-size: 100%;
}