设计窗口中的空白正方形

Question

我开始学习wpf，并在设计窗口中遇到了一些问题。

1. 我在项目中添加font-awesome.ttf
2. 设置构建操作：字体属性中的资源
3. 创建资源字典并添加FontFamily

<FontFamily x:Key="FontAwesome">pack://application;,,,/Fonts/#FontAwesome</FontFamily>

1. 创建图标的快捷方式

<system:String x:Key="FontAwesomeChatIcon">&#xf086;</system:String>
<system:String x:Key="FontAwesomeUserIcon">&#xf007;</system:String>

1. 在App.xaml中添加Fonts.xaml

<ResourceDictionary Source="Styles/Fonts.xaml"/>

1. 并在这样的代码中使用

<Button Style="{StaticResource IconButton}" Content="{StaticResource FontAwesomeChatIcon}"/>
<Button Style="{StaticResource IconButton}" Content="{StaticResource FontAwesomeUserIcon}"/>

运行代码时，所有内容看起来都正确，并且显示图标 run appl 但是在设计窗口中我得到了空白方块 blank squares