Google Font API无法加载指定字体的问题求助

• 确认API引入链接的正确性
  必须使用Google Fonts官网生成的链接，同时引入Montserrat和Ubuntu的正确格式示例：

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

  注意：要在官网勾选你需要的字重（比如black对应900），链接里的family参数会自动生成，不要手动把字体名改成Montserrat-black，正确写法是通过wght@900指定字重。

• 检查CSS调用的语法
  CSS里的字体名称和字重要和链接里的完全对应，示例：

  body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* 对应链接里指定的字重 */
  }
  .title {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 900; /* 如果需要black字重，要确保链接里包含wght@900 */
  }
  

  引号用单双引号都行，但别用中文引号，避免语法错误。

• 清除缓存或检查网络
  按Ctrl+Shift+R强制刷新页面，清除浏览器缓存；如果还是不行，检查是否有代理、防火墙拦截了Google的资源，或者网络环境无法访问Google Fonts。

• 排查CSS优先级冲突
  打开浏览器开发者工具（F12），查看目标元素的字体样式，确认你的字体规则有没有被其他更高优先级的CSS覆盖（比如带类名、ID的选择器优先级比body高）。

• 验证链接可用性
  直接把Google Fonts的链接复制到浏览器地址栏，看能不能正常加载CSS内容。如果打不开，说明网络环境无法访问，这时候可以下载字体文件到本地，通过@font-face引入。

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