无法为WASM配置FontAwesome，求排查配置遗漏项

你存在的配置错误及遗漏步骤如下： #

• CSS @font-face的format属性值错误
  规范中OpenType字体对应的format值为opentype，你写的otf不会被浏览器识别，需修改为：

  @font-face {
      font-family: "FontAwesomeRegular";
      src: url(data:application/x-font-otf;charset=utf-8;base64,...) format('opentype');
      font-weight: normal;
      font-style: normal;
  }
  

• base64编码有效性校验
  PowerShell生成base64时默认会插入换行符，你需要把编码结果中的所有换行、空格全部删除后再填入CSS的url中，否则会导致CSS解析失败，字体无法加载。
• App.xaml中FontFamily配置完全错误
  ms-apps:///Assets/xxx的路径格式仅适用于将字体文件放在项目Assets目录下的加载场景，你使用CSS嵌入base64注册字体时，直接填写CSS中定义的font-family名称即可：

  <FontFamily x:Key="FontAwesomeRegularWasm">FontAwesomeRegular</FontFamily>
  

• 确认Fonts.css被正确引入
  检查Wasm项目的index.html中是否已经正确引入了你的Fonts.css文件，引入路径要和实际文件存放路径匹配。
• 图标可用性校验
  FontAwesome 5免费版的Regular字重仅提供少量图标，你使用的大概率属于付费Pro版的图标，可先替换为免费版明确支持的Regular图标（如用户图标）做验证，排除图标不存在的问题。

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