wpf 使用Font-Awesome图标字体
2017-11-08 14:35
555 查看
wpf 使用Font-Awesome图标字体
1、http://fontawesome.io/ 中下载Font-Awesome字体
然后把字体文件fontawesome-webfont.ttf 拷贝到项目中
build action 设置为Resource
并设置“复制到输出目录”为“如果较新则复制” 或者 copy always
所有图标对应的值内容地址
http://www.bootcss.com/p/font-awesome/design.html
```c#
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow">
<Window.Resources>
<Style x:Key="FontAwesome">
<Setter Property="TextElement.FontFamily" Value="pack://application:,,,/#FontAwesome" />
<Setter Property="TextBlock.Width" Value="100">
<Setter Property="TextBlock.Height" Value="100">
<Setter Property="TextBlock.TextAlignment" Value="Center">
<Setter Property="TextBlock.FontSize" Value="60">
<Setter Property="TextBlock.Foreground" Value="Green">
</Style>
</Window.Resources>
<WrapPanel Margin="12">
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
</WrapPanel>
</Window>
```
1、http://fontawesome.io/ 中下载Font-Awesome字体
然后把字体文件fontawesome-webfont.ttf 拷贝到项目中
build action 设置为Resource
并设置“复制到输出目录”为“如果较新则复制” 或者 copy always
所有图标对应的值内容地址
http://www.bootcss.com/p/font-awesome/design.html
```c#
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow">
<Window.Resources>
<Style x:Key="FontAwesome">
<Setter Property="TextElement.FontFamily" Value="pack://application:,,,/#FontAwesome" />
<Setter Property="TextBlock.Width" Value="100">
<Setter Property="TextBlock.Height" Value="100">
<Setter Property="TextBlock.TextAlignment" Value="Center">
<Setter Property="TextBlock.FontSize" Value="60">
<Setter Property="TextBlock.Foreground" Value="Green">
</Style>
</Window.Resources>
<WrapPanel Margin="12">
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
</WrapPanel>
</Window>
```
相关文章推荐
- 学习WPF——使用Font-Awesome图标字体
- android使用Font Awesome字体图标
- 如何在photoshop等图像编辑软件中使用Font Awesome字体图标
- element-ui中使用font-awesome字体图标
- 在SVG中使用Bootstrap或FontAwesome图标字体
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- RN(react native)入坑指南-05,使用图标字体Fontawesome
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- WPF使用矢量字体图标(阿里巴巴iconfont)
- 如何在Axure中使用FontAwesome字体图标
- iconfont字体图标的使用方法--超简单! 我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以
- iconfont字体图标的使用
- iocfont 网页图标字体以及使用方法
- 第八十四节,css布局小技巧及font-awesome图标使用
- 如何在HTML中使用图标字体 - icon font?
- 利用CSS3 @font-face使用图标字体
- 安卓中如何使用iconfont字体图标
- font-face字体图标制作和使用
- 图标库font-Awesome使用教程