html - 尝试用另一种系统字体覆盖 IE 默认系统字体，而另一种系统字体仅在 IE 中不起作用

Question

目前我的字体系列设置为 Arial。在 IE11 中，网页字体设置为 Times New Roman。尽管检查元素显示字体系列设置为 Arial，但 UI 显示的是 Times New Roman。

奇怪的是，如果我在 devtools 中取消选中 Arial，Arial 会正确显示。这只在 IE 中发生，Chrome、FF、Edge 都显示 Arial。

我在使用带有@font-face 的网络字体时没有任何问题...只是用另一种系统字体覆盖浏览器的默认系统字体。

有什么想法吗？

我认为这不重要，但我正在使用 less Bootstrap 。

// Fonts
@site-font: Arial !important ;
@site-font-bold: Arial !important ;
@site-font-light: Arial !important ;
@site-font-italic: Arial !important ;
@site-font-bold-italic: Arial !important ;
@site-font-light-italic: Arial !important ;

inspect displays the font I have set in CSS

Answer 1

当您检查元素时，MSIE、Edge 和 FX 开发工具不会显示默认的 userAgent 样式规则。

所有网络浏览器都有默认字体系列的设置，用于未指定的网页。 (样式规则从默认的 userAgent 规则向下级联)。

只有 MSIE 浏览器具有“忽略网页上指定的字体样式”的用户设置(Internet 选项>常规选项卡，辅助功能按钮)。那就是……用在 IE 字体设置中指定的字体系列名称覆盖网页上指定的字体系列规则……Internet 选项的常规选项卡 > 字体按钮。

所有网络浏览器也有一个用户设置要显示的字体大小。

比较不同网络浏览器中的网页布局时，为每个测试浏览器配置相同的字体默认设置非常重要。对于 MSIE，还取消选中“忽略网页上指定的字体样式”和“忽略网页上指定的字体大小”选项。

Web 字体也可能会失败。要解决 IE 中被阻止的内容和安全问题，首先设置工具>Internet 选项>高级选项卡，选中“始终记录开发人员控制台消息”...

最好在您的问题中包含一个复制 url 或足够的源代码，这样我们就可以测试您的代码，看看它是您的编码还是您的测试/开发环境浏览器设置。