为什么HTML文件中引入的Google fonts无法正常生效？

• 核对@font-face定义的字体名称和后续调用的名称是否完全匹配，大小写、空格、引号都要保持一致，拼写错误是最常见的原因。
• 检查字体文件的相对路径是否正确：路径是相对于你写@font-face的CSS文件的位置计算，不是相对于HTML文件位置，路径写错会导致字体加载失败。
• 补充兼容的字体格式：至少提供woff2、woff两种现代浏览器通用的字体格式，按优先级从高到低排列，示例写法如下：

@font-face {
  font-family: '自定义字体名';
  src: url('字体文件路径.woff2') format('woff2'),
       url('字体文件路径.woff') format('woff'),
       url('字体文件路径.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

• 检查样式覆盖问题：打开浏览器开发者工具的元素面板，选中未生效的文本，查看「样式」标签下你写的font-family规则是否被更高优先级的样式划掉，「计算样式」标签下可以看到实际生效的字体值。
• 验证字体文件本身是否损坏，可以换其他正常可用的字体文件测试引入逻辑是否通顺。
• 若使用的是第三方在线字体服务，确认服务链接在当前网络环境下可正常访问，不稳定的话建议把字体下载到本地自行引入。

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