求助：能否在WordPress Starter的附加CSS文件中添加自定义字体？

排查与修复步骤 #

1. 修正CSS语法错误 #

你代码里的"是HTML转义字符，CSS中需使用正常引号替换，调整后代码如下：

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

body {  
  font-family: "Limelight", sans-serif !important;  
  margin: 0;
  letter-spacing: 0.5px;
  background-color: #2b2a27;
}

2. 扩大字体覆盖范围 #

Starter主题的标题、段落、导航等子元素可能单独设置了字体，仅修改body无法覆盖，可把样式应用到更多元素：

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

body, h1, h2, h3, h4, h5, h6, p, a, span, li, button {  
  font-family: "Limelight", sans-serif !important;  
  letter-spacing: 0.5px;
}
body {
  margin: 0;
  background-color: #2b2a27;
}

3. 调整Custom CSS插件加载优先级 #

部分插件会把自定义CSS加载在主题样式之前，导致!important也无法生效。进入插件设置，找到「加载位置」或「优先级」选项，将其设置为在主题样式之后加载。

4. 强制清除浏览器缓存 #

浏览器可能缓存了旧的CSS文件，按Ctrl+Shift+R（Windows）或Cmd+Shift+R（Mac）强制刷新页面，验证字体是否生效。

5. 检查字体加载状态 #

打开浏览器开发者工具（F12）切换到「网络」标签，刷新页面后搜索「Limelight」，若能看到对应的字体请求，说明加载成功；若没有，检查@import链接是否正确（可把链接中的&替换为&，确保链接为https://fonts.googleapis.com/css2?family=Limelight&display=swap）。

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