WPF 如何使用字体图标

共计 641 个字符，预计需要花费 2 分钟才能阅读完成。

第一步：

首先肯定要下载字体图标，可以去阿里巴巴矢量图标库下载。

第二步：

把下载好的字体文件，后缀为ttf的文件放到自己的项目里。（阿里下载的默认叫iconfont.ttf）

第三步：

写一个样式，方便使用，重点是设置字体文件，路径你写自己的，重中之重的是最后不是写文件全名称 iconfont.ttf 而是 #iconfont，代码示例如下

<!-- 字体图标 -->
<Style x:Key="IconTextBlock" TargetType="{x:Type TextBlock}">
    <Setter Property="FontFamily" Value="/Resources/Fonts/#iconfont"/>
</Style>

第四步：

你可以单独使用，也可以放按钮里面，如下。

<TextBlock Text="&#xe6bd;" Style="{StaticResource IconTextBlock}"/>

注意1：

如果要用代码设置，字符串这样写：\xe6bd ，跟xaml里面的  写法是不一样的。

注意2：

这个要用在 TextBlock 控件里面。如果直接在Content里面如下这么写（例如Button），在设计器里面看着是正常的，但是运行时候会不出图标。

<Button Content="&#xe6bd;" />

正确的应该在Button里面这么用：

<Button>
    <TextBlock Text="&#xe6bd;" Style="{StaticResource IconTextBlock}"/>
</Button>