Flutter Web仅在Windows版Firefox中部分Material图标无法渲染

• 强制指定Material Icons字体加载策略
  Flutter Web默认的字体加载逻辑在Windows Firefox下可能出问题，直接在web/index.html里手动引入字体，保证优先加载：

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  

  同时检查Flutter代码里的主题配置，确保图标字体没有被自定义覆盖：

  ThemeData(
    iconTheme: IconThemeData(
      fontFamily: 'MaterialIcons',
    ),
  )
  

• 清理Windows Firefox字体缓存
  本地字体缓存损坏可能导致图标解析失败：

  • 彻底关闭Firefox
  • 打开文件资源管理器，输入%APPDATA%\Mozilla\Firefox\Profiles\，找到你的配置文件夹（通常是带.default后缀的文件夹）
  • 删除文件夹里的fontconfig目录
  • 重启Firefox后重新加载应用

• 升级Flutter并使用canvaskit渲染器
  旧版Flutter对Windows Firefox的兼容性不足，先升级到稳定版：

  flutter upgrade
  

  编译Web应用时指定canvaskit渲染器，它对字体渲染的兼容性更好：

  flutter build web --web-renderer canvaskit
  

  开发模式下也可以用这个参数测试：

  flutter run --web-renderer canvaskit
  

• 检查Firefox安全及插件设置

  • 在地址栏输入about:config，确认gfx.downloadable_fonts.enabled设为true
  • 暂时关闭广告拦截类插件，排查是否是插件阻止了字体请求

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