UWP应用程序中未显示字体真棒图标

问题描述 投票:0回答:1

我最近尝试将Font Awesome 5中的图标添加到我正在研究的UWP项目中。无法获取要显示在应用程序中的图标后,我尝试通过使图标显示在简单的测试应用程序中来简化操作,但仍然没有成功。我创建测试应用程序所做的就是:

  • 在Visual Studio中,创建一个新的Windows Universal Blank App。
  • 添加了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尝试过]

Nothing起作用了;我从未见过我尝试使用过的任何“真棒字体”图标出现在我的应用程序中,每次都显示方形框。还有其他我没有尝试过的内容吗?

font-awesome uwp-xaml font-awesome-5
1个回答
0
投票

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

[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

,它可以确保您的字体文件将正确添加到程序包中。

最诚挚的问候。

© www.soinside.com 2019 - 2024. All rights reserved.