Segoe MDL2 Assets 字体系列中缺少图标

Question

我正在尝试创建一个 AppBarButton，其中的图标属性是一个 FontIcon，但我想使用的特定图标不起作用；它显示为一个矩形。

我正在用 C# 创建一个 UWP 应用程序，我正在尝试使用 Segoe MDL2 Assets 字体中的 QR 代码（Unicode 点 ED14）图标创建一个按钮，但是当我将图标标识符输入到 Glyph 属性的 FontIcon 元素，它只显示占位符矩形，就好像没有安装字体一样。我在我的应用程序中使用的所有其他图标都可以正常工作，但这个图标没有出现。

我已经确保复制工作按钮并简单地更改图标代码，但它不起作用。我还尝试将已知工作图标的代码放入损坏的按钮中，效果很好。此页面上的 QR 码图标似乎有问题 https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font。

有问题的按钮：

<AppBarButton Label="QR Codes" Click="{x:Bind NewExhibitionAsync}">
    <AppBarButton.Icon>
        <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xED14;"/>
    </AppBarButton.Icon>
</AppBarButton>

完整命令栏：

<CommandBar>
    <AppBarButton Label="Open...">
        <AppBarButton.Icon>
            <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE8E5;"/>
        </AppBarButton.Icon>
    </AppBarButton>
    <AppBarButton Icon="Save" Label="Save" />
    <AppBarButton Label="Save as...">
        <AppBarButton.Icon>
            <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE792;"/>
        </AppBarButton.Icon>
    </AppBarButton>

    <AppBarSeparator/>

    <AppBarButton Icon="Add" Label="New Exhibition" Click="{x:Bind NewExhibitionAsync}"/>
    <AppBarButton Label="QR Codes" Click="{x:Bind NewExhibitionAsync}">
        <AppBarButton.Icon>
            <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xED14;"/>
        </AppBarButton.Icon>
    </AppBarButton>
    <AppBarButton Label="Set Primary Photo" Click="{x:Bind SetStarred}" IsEnabled="{x:Bind SetStarredEnabled, Mode=OneWay}">
        <AppBarButton.Icon>
            <SymbolIcon Symbol="SolidStar" Foreground="Goldenrod"/>
        </AppBarButton.Icon>
    </AppBarButton>

    <AppBarSeparator/>

    <AppBarButton Icon="Delete" Label="Delete" Click="{x:Bind DeleteArtefactAsync}" IsEnabled="{x:Bind DeleteArtefactEnabled, Mode=OneWay}"/>
    <AppBarButton Icon="Edit" Label="Edit" Click="{x:Bind EditArtefactAsync}" IsEnabled="{x:Bind EditArtefactEnabled, Mode=OneWay}"/>
</CommandBar>

当将上述代码放入 CommandBar 时，当前显示如下图所示。

有谁知道如何让图标显示在 Microsoft 文档中？它应该看起来像这个图像。（抱歉，没有足够的声誉来正确 post 图片。）

Answer 1

出现这个问题，说明你的系统版本可能较低

Segoe MDL2 Assets为系统图标字体，随系统更新而变化。二维码图标稍后出现，低版本系统不可用

所以请尝试更新您的系统。或者在高版本系统上复制字体，在低版本系统上安装

此致。

Answer 2

只是添加@Richard Zhang - MSFT 的答案，如果你的目标设备版本低于你想要在你的应用程序中使用的字体图标或表情符号，则正确的解决方案可能是不要使用这个特定的图标。相反，将 BitmapIcon 与图标的 png 版本一起使用或者更好的是 PathIcon 与图标本身的提取 SVG 路径一起使用。

幸运的是，您可以通过 Icons8 or Syncfusion Metro Studio.

等服务在线找到许多适合您的应用程序的图标。

对于表情符号，您可以在 https://emojipedia.org/ 查看版本支持。不幸的是，我不知道 MDL2 资产字体的类似来源。

Segoe MDL2 Assets 字体系列中缺少图标

Missing icon in Segoe MDL2 Assets font family

c#

fonts

icons

xaml

uwp