css - element.style 任意增加字体大小
问题描述
该页面是由 Emacs 的 org-mode 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 一样),它导致有$...$
问题的 org-mode 表的部分将字体大小减小到 53%!疯狂。同样,在 LaTeX/MathJax 和常规文本中没有font-family
大小table
是正常的。有什么方法可以让 MathJax 的 org-mode HTML 导出正确使用我的字体?
解决方案
好像也有关系font-family
。There Exists 行的第 3 列似乎使用font
as STIXGeneral-Italic
,而其他地方使用的默认值font
似乎是monospace
。您可以在stylesheet.css
using!important
指令中覆盖这些样式。
.mrow span{
font-family: inherit!important;
font-size: 100%;
}
推荐阅读
- entity-framework - database-first ef dbcontext 脚手架将表名翻译为德语
- android - 禁用 DrawerLayout 滑动手势以打开和关闭菜单
- angular - 打字稿(Angular 服务)和解决连接错误的良好做法
- javascript - 具有相同类名的 Javascript 复选框
- asp.net-mvc - 我需要做什么才能让 UmbracoIdentity 与我们的本地 Active Directory 一起工作?
- java - 当我关闭 Android Studio 中日期选择器的倒计时应用程序时,它会重置为零
- java - 在android中旋转图像中心而不是宽圆圈
- c# - 从 Visual Studio 生成声纳报告
- c# - 为命名依赖调用一次 AddHttpClient 并从 HttpClientFactory 为每个服务调用获取 httpClient 对象是否安全?
- android - 您可以使用单个矢量图像作为带有 Cordova 的 Android 的自适应图标吗?