图标字体依赖正确字体文件、字符映射和CSS，任一环节失败都可能显示方框或错误符号。改用SVG可以减少某些字库依赖，但仍需处理可访问名称、真实图形来源和交互状态，不能只替换图案。
先定位失败环节
检查图标对应伪元素或字符、应用的font-family及字体网络请求。字体404、CORS错误、错误字库版本和字符映射不匹配各有不同修法。不要将所有方框当作普通中文缺字，也不要一见错误就安装第二套图标库覆盖原问题。
盘点图标是否承担操作
搜索、菜单、关闭和购物车图标可能本身是按钮的一部分，应记录其动作、状态及可访问名称。图标字体里的字符可能被辅助技术读成无意义内容。无论修复字库还是采用SVG，都要让用户能理解操作，而不只是看到正确形状。
使用可信SVG并控制嵌入
选择与现有系统一致、授权明确的图标来源，静态图形不应带不需要的脚本或外部资源。按img或内联方式配置文字替代与装饰隐藏，不机械复制一个ARIA模板。品牌Logo和第三方商标也不能当作普通图标随意重绘。
替换后回归尺寸与状态
检查默认、悬停、聚焦、禁用和展开状态，确保SVG继承颜色和对齐方式正确。删除不用的图标字库请求前，查清其他页面是否仍依赖。手机菜单和关闭按钮要实际操作，不能用一张静态截图证明交互已经恢复。
关键区别
图标字体：字符映射到图形；依赖字库和CSS配套。
SVG图标：直接表达矢量画面；仍需安全和授权检查。
按钮名称：说明操作目的；不能只依赖图形形状。
怎样确认处理到位
图标正确显示，关键按钮可操作且名称清楚，旧字库无遗漏依赖，所有交互状态和手机版式保持预期。
容易误判的边界
改SVG不是自动获得安全、授权或无障碍合规；它只是技术表达方式变化，各项责任仍要实际核对。
