html - 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 清理缓存,但没有帮助。
感谢你的帮助!
解决方案
我在使用 Firefox 时遇到了问题,并使用以下方式通过 CSS 定义了所有内容:
@supports(-moz-appearance:meterbar) and (max-width:
768px){foo}}
推荐阅读
- android - 单击文本框时,物理设备上的软键盘不显示
- eclipse - Eclipse Birt Report 上两个日期之间的天数计算
- java - 有没有办法将 Room 数据库与 MySql 工作台连接起来?
- javascript - 无法通过 React Router 传递道具
- listview - Xamarin 表单:Listview 滚动条显示在左侧
- angular - 在角度通用中嵌入自定义元素时出错
- ios - 默认标注视图中的按钮停止响应触摸
- assembly - 在启动时切换到 1024x768x24bpp(裸机操作系统)
- python - 基于位置的 Pygame 重叠 Sprites(绘制顺序)
- functional-programming - 函数式编程二叉搜索树作业