WPF中使用FontAwesome图标字体

如题,我们先看下最终效果图。

WPF中使用FontAwesome图标字体_第1张图片
VS2015下效果图

1. 下载FontAwesome图标字体文件

大家可以点击这里下载FontAwesome3.0,下载完成后解压压缩包。压缩包具体内容如下图。

WPF中使用FontAwesome图标字体_第2张图片
压缩包解压内容

2. 创建WPF项目

打开我们的VS开发工具,创建一个空白的WPF项目,并创建一个名为Resources的文件夹。


WPF中使用FontAwesome图标字体_第3张图片
创建Resources的文件夹

3. 拷贝字体文件

点击进入压缩包的font文件夹,复制 fontawesome-webfont.ttf #文件到我们WPF项目下的Resources文件夹中。并设置fontawesome-webfont.ttf文件的复制到输出目录属性为如果较新则复制

WPF中使用FontAwesome图标字体_第4张图片
复制字体文件并设置属性

4. 使用

首先,我们在App.xaml文件中添加如下代码

        
            
            
            
        
            ```
整个App.xaml文件内容如下图

![App.xaml文件内容](http://upload-images.jianshu.io/upload_images/2287003-f6aa071709b13b24.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
接下来,我们就可以使用字体图标了,我们在MainWindow窗体中添加如下代码




Text属性对应的就是图标的值内容,具体每个图标对应的值,[点击这里参考](http://www.bootcss.com/p/font-awesome/design.html)
最后我们看看我们的效果

![效果](http://upload-images.jianshu.io/upload_images/2287003-c0f644d3904e2160.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

你可能感兴趣的:(WPF中使用FontAwesome图标字体)