网页中Montserrat字体设置700权重后无法正常显示粗体

云上老周

2026-8-1

Montserrat 700权重粗体显示偏淡的解决方案

先确认Google Fonts引入代码是否包含700权重，正确的引入需指定wght@700参数，比如：
```
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap">
```
检查标题的CSS样式，确保完整声明字体族和权重，避免浏览器自动 fallback 到系统字体：
```
h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
}
```
用浏览器开发者工具的「字体」面板查看标题实际加载的字体文件，确认是否为Montserrat的700权重版本。如果本地安装了Montserrat字体，可能会优先加载本地无700权重的版本，此时可尝试禁用本地字体测试。
若网络字体加载延迟导致 fallback 字体显示过久，可在字体引入中添加font-display: swap确保网络字体加载后立即替换。