如何移除从Google Fonts导入的自定义字体的font weight设置？

问题原因 #

你当前使用的导入链接固定只拉取了Montserrat的300字重字体文件，所以无论后续CSS怎么修改字重都不会生效，调整链接后无响应基本是浏览器缓存导致的。

解决方法 #

• 调整字体导入链接：如果需要支持多字重，直接删除链接里的wght@300参数即可，修改后的导入代码如下：

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

如果需要指定支持的字重范围，也可以手动声明需要的字重值，例如要支持300到700的常规字重，写法如下：

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

• 硬刷新页面清理缓存：Google字体的CSS请求会被浏览器默认缓存，修改链接后按Ctrl+Shift+R（Mac设备按Cmd+Shift+R）做硬刷新，确保拉取到最新的字体CSS文件。
• 排查本地CSS规则：确认你自己写的样式代码中，没有给body、全局选择器或者对应文字元素设置固定的font-weight属性，也没有优先级更高的样式覆盖了字重设置。

内容的提问来源于stack exchange，提问作者Blueberry Tech