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"></s:String>
<s:String x:Key="Unicode.Loading"></s:String>
<s:String x:Key="Unicode.Clock"></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>