首页 > 解决方案 > Firefox 开发人员忽略字体粗细

问题描述

我正在使用最新的 Firefox 开发者版 (78.0b2)。不幸的是,当尝试从具有多个权重的 google-fonts 导入字体时,Firefox 会忽略字体权重,而在 Chrome 中一切都按预期工作。

我试图清理缓存,禁用广告拦截器等,没有任何帮助。当页面最初加载时,我可以清楚地看到对字体应用了正确的权重,但随后它们立即被从谷歌字体导入的第一个权重替换。

这是我导入字体的方式:

<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@700&family=Work+Sans:wght@400;500;600&display=swap" rel="stylesheet"> 

这是它在 Firefox 中的截图:

在此处输入图像描述

这是它在 Chrome 中的外观:

在此处输入图像描述

更有趣的是,当我在 Firefox 中以隐身模式打开页面时,会应用正确的权重。但正如我所说,我尝试使用 ctrl+f5 或 ctr+shift+r 清理缓存,但没有帮助。

感谢你的帮助!

标签: htmlcssfirefoxfonts

解决方案


我在使用 Firefox 时遇到了问题,并使用以下方式通过 CSS 定义了所有内容:

@supports(-moz-appearance:meterbar) and (max-width: 
768px){foo}} 

推荐阅读