元素.风格随意增加字体大小

Question

此页面是由EMACS的ORG模式HTML导出自动生成的。我已经将其设置为使用乳胶符号的MathJax渲染。在的第三列中，我使用了" $"包围的内联乳胶符号

$exists  x mid x2>x$

这是合适的乳胶嵌入，而上方和下方的线我还没有，即emacs只是拿起乳胶标记并在不使用" $"的情况下插入它。如果您检查（我正在使用Chrome）此代码，您会发现它仅为乳胶标记（似乎是任意）的字体大小增加，这使得与其他符号相比，这些符号看起来异常大。

<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版本和计算机现代的TTF版本），并且导致了有关ORG模式表的$...$部分，以将字体尺寸降低到53％！疯狂。同样，在乳胶/MathJax和常规文本中，table尺寸没有font-family。有什么方法可以正确使用我的字体吗？

Answer 1

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

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