使用矢量字体图标

常用的矢量字体图标：阿里巴巴iconfont，FontAwesome；现简单介绍如何使用

1.下载矢量图标ttf，并拷贝至项目
阿里巴巴iconfont
具体如何下载，不详写了。将ttf文件拷贝至项目，并包括在项目中。
2.在style中定义样式

 <Style x:Key="FIcon" TargetType="TextBlock">
   <Setter Property="FontFamily" Value="/Resources/#iconfont"></Setter>
   <Setter Property="TextAlignment" Value="Center"/>
   <Setter Property="HorizontalAlignment" Value="Center"/>
   <Setter Property="VerticalAlignment" Value="Center"/>
   <Setter Property="FontSize" Value="20"/>
 </Style>

3.使用字体图标

 <TextBlock Text="&#xe77e;" Style="{StaticResource FIcon}" FontSize="50" Margin="3" Foreground="Black"></TextBlock>

WPF中使用Font-Awesome图标字体

在FontAwesome下载到的压缩包，解压后获得图标字体文件

http://www.fontawesome.com.cn/cheatsheet/ 可观察图标样式

然后把字体文件拷贝到项目中，设置“复制到输出目录”为“如果较新则复制”
在这里插入图片描述

<Window.Resources> 
<Style x:Key="FontAwesome">
<Setter Property="TextElement.FontFamily" Value="pack://application:,,,/#FontAwesome" />
<Setter Property="TextBlock.Width" Value="100"></Setter>
<Setter Property="TextBlock.Height" Value="100"></Setter>
<Setter Property="TextBlock.TextAlignment" Value="Center"></Setter>
<Setter Property="TextBlock.FontSize" Value="60"></Setter>
<Setter Property="TextBlock.Foreground" Value="Green"></Setter>
</Style>
</Window.Resources>