Font Awesome报错“Not allowed when Origin missing”：HTML象棋图标加载失败求助

报错原因 #

你用的这个Font Awesome Kit脚本（https://kit.fontawesome.com/a076d05399.js）需要绑定允许访问的域名，你的网站域名不在该Kit的授权列表里，触发了权限限制，导致图标无法加载。

解决方案 #

1. 创建自己的Font Awesome Kit（推荐） #

• 注册Font Awesome账号，创建专属Kit
• 在Kit设置的「Domains」选项中，添加你当前使用的域名（本地开发可添加localhost、127.0.0.1）
• 替换现有脚本为自己的Kit脚本

2. 使用免费公共CDN替代（无需注册） #

不想注册的话，直接用无需域名绑定的标准免费CDN：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

在HTML中调用国际象棋图标示例：

<!-- 国际象棋国王图标 -->
<i class="fa-solid fa-chess-king"></i>
<!-- 国际象棋皇后图标 -->
<i class="fa-solid fa-chess-queen"></i>

3. 本地开发临时处理（不适合生产环境） #

如果是用file://协议打开本地HTML文件，会因无Origin报错，可通过VS Code的Live Server插件等工具，以http://localhost方式打开页面，同时确保你的Kit已添加localhost域名授权。

验证方式 #

替换脚本后刷新页面，检查控制台是否仍有错误，同时确认图标类名正确（Font Awesome 6图标前缀为fa-solid/fa-regular，后缀为对应图标名称）。

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