CSS中Google Fonts未加载，显示默认字体的代码修改咨询

你的问题出在字体引入和CSS调用不匹配：

• CSS里指定了'Montserrat-Black'字体，但HTML的Google Fonts链接只引入了基础版Montserrat，没包含Black字重的变体，浏览器找不到该字体就会 fallback到默认的sans-serif。

修改步骤： #

1. 修正Google Fonts引入链接 #

把两个单独的link合并，并指定Montserrat的Black字重（对应字重值900）：

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Ubuntu&display=swap" rel="stylesheet">

• :wght@900：明确引入Montserrat的900字重（即Black样式）
• &display=swap：优化字体加载时的显示体验（可选，但推荐）

2. 调整CSS中的字体调用方式 #

Google Fonts的字重是通过font-weight属性单独设置的，不需要把字重写在字体名称里：

h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900; /* 对应Black字重 */
  font-size: 3rem;
  line-height: 1.5;
}

这样修改后，页面就能正确渲染Montserrat Black字体了。

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