更改Handsome主题默认图标
内容提要
由于CDN问题，网站图标无法加载，出现CORS策略阻止错误。为解决此问题，修改了主题文件中的图标引用，使用iconfont替代原有图标，并提供了CSS备份地址。
延伸解读
CORS 错误的典型表现与排查
文章中提到，启用 CDN 后 Handsome 主题图标无法加载，浏览器控制台出现 CORS 策略阻止错误，提示请求的资源缺少 Access-Control-Allow-Origin 头。这属于跨域资源共享问题，通常由 CDN 未正确配置响应头导致。作者尝试将 CDN 的该头改为 * 仍无效，说明仅修改该头可能不足以解决，还需检查 CDN 缓存、回源设置或字体文件的请求方式。
替换图标的具体操作与文件定位
作者通过将主题中的 fontello 图标替换为 iconfont 图标来解决问题。需要修改多个文件：index.php 的第 30、73 行，component/aside.php 的第 143、144 行，以及 component/footer.php 的第 24、96 行。如果找不到对应行，可以用浏览器开发者工具（F12）的 Ctrl+Shift+C 定位元素。替换时注意保留引号，部分行需删除原有类名。
备份 CSS 的引用与替换对照
作者提供了自己的 iconfont CSS 备份地址：//at.alicdn.com/t/font_2334492_xe64eakzx69.css，可直接引用。替换时需将原 fontello 类名改为对应的 iconfont 类名，例如 fontello-volume-up 改为 icongonggao，fontello-chevron-left 改为 iconicon-arrow-left4 等。aside.php 中部分行需删除原有类名但保留引号。具体对照可参考文中列表。
Q&A
为什么网站图标无法加载？
网站图标无法加载是由于CDN问题，出现了CORS策略阻止错误。
如何解决Handsome主题的图标加载问题？
通过修改主题文件中的图标引用，使用iconfont替代原有图标来解决问题。
CORS策略是什么？
CORS策略是跨域资源共享策略，用于限制不同源之间的资源访问。
在哪里可以找到修改图标的具体步骤？
具体步骤可以在主题文档中找到，涉及修改index.php和其他文件的特定行。
提供的CSS备份地址是什么？
提供的CSS备份地址是//at.alicdn.com/t/font_2334492_xe64eakzx69.css。
如何使用F12工具查找图标引用位置？
可以使用F12工具，按Ctrl+Shift+C在Chrome中查找图标引用的位置。
