Open Sans字体无法设置300细字重 仅600、800粗字重可生效

你遇到的字重不生效问题，本质是项目当前加载的Open Sans字体资源没有包含300字重的原生字形。
浏览器对未加载的字重不会凭空渲染出正确效果：缺300这类细字重时，会直接 fallback 到已加载的最接近的常规字重（通常是400），所以你写了font-weight:300视觉上还是偏粗；而600、800这类粗字重因为已经在加载的字体资源里，所以可以正常生效。
Bulma/Buefy自带的字重辅助类本质只是加了对应font-weight的CSS规则，没有对应字体字形的前提下，写什么类都出不来细字效果。

• 先确认当前字体加载情况：打开浏览器开发者工具，切换到「网络」面板筛选字体请求，找到Open Sans的加载请求，查看请求携带的字重参数，就能确认当前确实没加载300字重。
• 补加载300字重的字体资源，不需要改动现有业务代码逻辑：
  • 如果是CDN方式引入的Open Sans，直接在字体引入链接的字重配置里加上300即可，原有已经写好的字重样式不需要调整，设置了300字重的元素会自动匹配到对应细字形。
  • 如果是本地存放的字体文件，找到项目里的Open Sans@font-face声明块，补充300字重对应的字体文件路径，确保font-weight: 300的规则能正确指向细体字文件。
• 排查样式优先级问题：如果补完字体后还是不生效，检查是不是有更高优先级的全局样式（比如Bulma默认的正文样式）覆盖了你的字重设置，可以给目标元素加更高优先级的CSS规则，参考代码：

.content-text {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
}

不要依赖浏览器自动生成的伪细体效果，这种靠缩放模拟的细字和原生300字重的字形渲染差距很大，必须加载对应字重的原生字体文件，才能做到和参考站点完全一致的显示效果。

• 生效验证：清掉浏览器缓存刷新页面，在开发者工具的「计算后样式」面板查看目标元素的font-weight值，显示为300即配置成功，视觉上的字重粗细会和参考截图匹配。

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