如題,我們先看下最終效果圖。

VS2015下效果圖
1. 下載FontAwesome圖標(biāo)字體文件
大家可以點(diǎn)擊這里下載FontAwesome3.0,下載完成后解壓壓縮包。壓縮包具體內(nèi)容如下圖。

壓縮包解壓內(nèi)容
2. 創(chuàng)建WPF項(xiàng)目
打開我們的VS開發(fā)工具,創(chuàng)建一個空白的WPF項(xiàng)目,并創(chuàng)建一個名為Resources的文件夾。

創(chuàng)建Resources的文件夾
3. 拷貝字體文件
點(diǎn)擊進(jìn)入壓縮包的font文件夾,復(fù)制 fontawesome-webfont.ttf #文件到我們WPF項(xiàng)目下的Resources文件夾中。并設(shè)置fontawesome-webfont.ttf文件的復(fù)制到輸出目錄屬性為如果較新則復(fù)制

復(fù)制字體文件并設(shè)置屬性
4. 使用
首先,我們在App.xaml文件中添加如下代碼
<ResourceDictionary>
<!--自定義樣式-->
<Style x:Key="FontAwesome">
<Setter Property="TextElement.FontFamily" Value="pack://application:,,,/Resources/#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>
<!--自定義樣式-結(jié)束-->
</ResourceDictionary>
</Application.Resources> ```
整個App.xaml文件內(nèi)容如下圖

接下來,我們就可以使用字體圖標(biāo)了,我們在MainWindow窗體中添加如下代碼
<StackPanel Orientation="Horizontal">
<TextBlock Text="?" Style="{StaticResource FontAwesome}" />
<TextBlock Text="?" Style="{DynamicResource FontAwesome}" />
</StackPanel>
Text屬性對應(yīng)的就是圖標(biāo)的值內(nèi)容,具體每個圖標(biāo)對應(yīng)的值,[點(diǎn)擊這里參考](http://www.bootcss.com/p/font-awesome/design.html)
最后我們看看我們的效果
