You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

FontAwesome仅显示方框问题求助:已尝试最新CDN及Kit仍无效

解决FontAwesome图标显示方框的问题

1. 检查Font Awesome Kit的启用配置

你用到的fa-light(Light风格)、fa-sharp(Sharp风格)属于Font Awesome的扩展图标包,默认不会全部开启。登录你的Font Awesome账户,进入对应Kit的设置页面,确认:

  • 已勾选启用Light图标包
  • 已勾选启用Sharp图标包
    修改后保存,Kit配置会自动更新。

2. 修正图标类名的正确性

  • 确认图标是否属于你启用的包:比如fa-light fa-envelope、fa-light fa-location-dot需要Light包支持;fa-sharp fa-regular fa-clock-rotate-left需要Sharp包支持
  • 可以先替换成基础风格图标测试,比如:
<i class="fa-solid fa-envelope"></i>

如果这个能正常显示,说明Kit加载正常,问题出在特定风格的图标配置或类名上。

3. 清除浏览器缓存

旧的Kit缓存会导致新配置不生效,按下Ctrl+Shift+R(Windows)或Cmd+Shift+R(Mac)强制刷新页面,清除缓存后再测试。

4. 确认Kit脚本加载顺序

把Kit的脚本标签放在页面的<head>区域,或者确保它在所有图标代码之前加载,避免图标渲染时脚本还未完成加载。


内容的提问来源于stack exchange,提问作者Eldyssss

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 15:52:37