fw-bold 失效主因是字体缺失 bold 字重或被父级样式覆盖；应加在品牌文本内层标签、用 DevTools 验证 font-weight 是否为 700 及字体文件是否支持 weight 700。

直接加 fw-bold 类通常无效——不是类名写错了，而是它没被正确应用到品牌文字上。

为什么 fw-bold 加在 或 @#@#@#@#@#@#@#@#@#@0

或者直接用 style="font-weight: 700;"：更明确，且不受字体 fallback 影响（只要系统有可用 bold 字体）

打开 DevTools → Elements → 选中品牌文字 → 切到 Computed 面板，看 font-weight 是否为 700，再看 font-family 加载的是哪个文件（如 inter-var-latin.woff2），确认其 metadata 支持 weight: 700

fw-bold 和 fw-bolder 在导航栏里混用的风险

导航栏常嵌套多层（navbar → container → navbar-brand → 文本），fw-bolder 是相对值，依赖父级 font-weight。如果父容器（比如 navbar）被设为 font-weight: 500，那 fw-bolder 就变成 600，而非你预期的 700。

• 一律优先用 fw-bold（固定 700）或 fw-semibold（固定 600），避免嵌套推导
• 不要给 .navbar 或 .navbar-brand 设置全局 font-weight，否则会影响所有子文本（包括下拉菜单项、切换按钮图标等）
• 如果项目用了 variable font（如 Inter Variable），可配合 font-variation-settings: 'wght' 700; 精确控制，比工具类更可靠

真正卡住人的从来不是类名写错，而是字体文件缺失 weight 700 + 工具类被父级样式静默覆盖 —— 这两点必须手动验证，不能只看 HTML 写没写对。

VPS Bootstrap

从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。

下载