搜索
您的当前位置:首页正文

WPF中使用FontAwesome图标字体

来源:二三娱乐

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

VS2015下效果图

1. 下载FontAwesome图标字体文件

压缩包解压内容

2. 创建WPF项目

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


创建Resources的文件夹

3. 拷贝字体文件

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

复制字体文件并设置属性

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>
            <!--自定义样式-结束-->
        </ResourceDictionary>
    </Application.Resources>        ```
整个App.xaml文件内容如下图


接下来,我们就可以使用字体图标了,我们在MainWindow窗体中添加如下代码

<StackPanel Orientation="Horizontal">
<TextBlock Text="" Style="{StaticResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
</StackPanel>


最后我们看看我们的效果

Top