WPF：使用 TrueType 字体文件

前言

IconFont 是阿里巴巴矢量图标库。我们可以在这个网站上收藏或创建自己的图标库。

图标库下载后，包含下列内容（如图所示）：

我们得到 iconfont.ttf 文件后，就开始学习如何在 WPF 中使用。

使用教程

设置资源文件 iconfont.ttf 资源属性

右键 iconfont.ttf 属性，查看字体标题

定义字体资源

<FontFamily x:Key="FontFamily.Icon">pack://application:,,,/程序集;Component/#字体标题</FontFamily>

双击 demo_index 网页文件，查看 Unicode

在 Xaml 中使用

<Window x:Class="iDemo.IconFontDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:iDemo.IconFontDemo"
        xmlns:s="clr-namespace:System;assembly=mscorlib"
        mc:Ignorable="d"
        Title="MainWindow" Height="600" Width="800">
    <Window.Resources>
        <FontFamily x:Key="FontFamily.Icon">pack://application:,,,/iDemo.Resources;Component/IconFont/#iconfont</FontFamily>
        <s:String x:Key="Unicode.ColorPicker">&#xe6bc;</s:String>
        <s:String x:Key="Unicode.Loading">&#xe891;</s:String>
        <s:String x:Key="Unicode.Clock">&#xe703;</s:String>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="FontFamily" Value="{StaticResource FontFamily.Icon}"></Setter>
            <Setter Property="FontSize" Value="16"></Setter>
            <Setter Property="Background" Value="Black"></Setter>
            <Setter Property="Foreground" Value="White"></Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <WrapPanel>
            <TextBlock Text="{StaticResource Unicode.ColorPicker}"></TextBlock>
            <TextBlock Text="{StaticResource Unicode.Loading}"></TextBlock>
            <TextBlock Text="{StaticResource Unicode.Clock}"></TextBlock>
        </WrapPanel>
    </Grid>
</Window>