WPF 如何使用字体图标?

第一步:首先肯定要下载字体图标,可以去阿里巴巴矢量图标库下载。

第二步:把下载好的字体文件,后缀为ttf的文件放到自己的项目里。(阿里下载的默认叫iconfont.ttf)

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

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

第四步:你可以单独使用,也可以放按钮里面,如下。

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

附:如果要用代码设置,字符串这样写: \xe6bd

跟xaml里面的写法是不一样的。

留下评论