Firefox 开发人员忽略字体粗细

Posted 2023-03-06

【中文标题】Firefox 开发人员忽略字体粗细

【英文标题】：Firefox Developer ignoring font-weight

【发布时间】：2020-09-23 13:22:08

【问题描述】：

我正在使用最新的 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 清理缓存，但没有帮助。

感谢您的帮助！

【问题讨论】：

我设法在这里工作。事实证明，问题不知何故在于导入。当我在一个 Link 标签中导入所有三种 Work Sans 样式时，Firefox 只识别第一个标签 - 所以我尝试在单独的 Link 标签中导入样式，然后它开始工作。不幸的是，这不是一个解决方案，想知道你们中是否有人遇到过类似的问题？

【参考方案1】：

关闭这个，重新安装 Firefox 为我解决了这个问题。

【参考方案2】：

我在使用 Firefox 时遇到了问题，并通过 CSS 定义了所有内容：

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