UWP 应用程序中不显示 Font Awesome 图标

Question

我最近尝试将 Font Awesome 5 中的图标添加到我正在处理的 UWP 项目中。在未能获得我想在应用程序中显示的图标后，我尝试通过在一个简单的测试应用程序中显示图标来简化事情，但仍然没有成功。我为创建测试应用所做的一切是：

在 Visual Studio 中，创建一个新的 Windows 通用空白应用。

添加了 Font Awesome OTF 字体文件。

Assets
    Fonts
        Font Awesome 5 Free-Solid-900.otf

修改后的MainPage.xaml（遵循Microsoft提供的说明）如下：

<Grid>
    <FontIcon FontFamily="Assets/Fonts/Font Awesome 5 Free-Solid-900.otf#Font Awesome 5 Free Solid" FontWeight="Black" Glyph="&#xF193;" />
</Grid>

当我运行测试应用程序时，我只看到图标应该在的地方是一个方框。根据 icon's page，我尝试使用的纯色版本是免费版本的字体，并且我已正确设置字体粗细以匹配字体系列的配置。

我尝试过的其他事情：

字体系列的不同路径：
- Font Awesome 5 Free Solid
- /Assets/Fonts/Font Awesome 5 Free-Solid-900.otf#Font Awesome 5 Free Solid
- ms-appx:///Assets/Fonts/Font Awesome 5 Free-Solid-900.otf#Font Awesome 5 Free Solid
UWP 项目配置的最低版本不同。
Visual Studio 的不同版本。我正在为我的（真实）应用程序使用 Visual Studio 2017，因为它有某些遗留要求。也无法在 Visual Studio 2019 中使用此字体。
不同的字体字符。我尝试了 Font Awesome 提供的替代辅助功能符号，根据其 information page，它位于 Font Awesome 5 Brands-Regular-400.otf 字体文件中。是的，对于这种情况，我确实将字体粗细重置为 Normal (400).
不同的控件。尝试使用具有相同设置的 TextBlock 而不是 FontIcon（字体系列、字体粗细、文本而不是字形等）

没有任何效果；我从来没有见过我尝试使用的任何 Font Awesome 图标出现在我的应用程序中，每次都显示方框。还有什么我没试过的吗？

Answer 1

您可能使用了错误的字体名称。

Font Awesome 5 Free-Solid-900.otf其真正的字体名称不是Font Awesome 5 Free Solid，而是Font Awesome 5 Free，请使用以下代码：

FontFamily="/Assets/Font Awesome 5 Free-Solid-900.otf#Font Awesome 5 Free"

此外，请确保您的字体文件的Build Action（右击文件，选择Properties）是Content，这样可以保证您的字体文件将正确添加到包中。

此致。

UWP 应用程序中不显示 Font Awesome 图标

Font Awesome icons do not show in UWP app

font-awesome

uwp-xaml

font-awesome-5