一、阿里文件图标
- 目前在阿里的网站上下载的字体文件自带有Unicode编码,可以直接在网页上查看。
- Font Awesome网站下载的字体文件也带有编码http://www.bootcss.com/p/font-awesome/
- ttf文件名称不重要,可以任意修改。#iconfont是字体名称,阿里巴巴的矢量图标默认字体名称为iconfont。
- 一起下载的压缩包中有图标对应的Unicode编码,
- 和字体文件的名字无关,和文件内部的字体族属性值有关,翻到最下面,利用其它软件可查看字体文件的字体族。
- 可以利用那个软件进行修改,重新生成字体文件。然后加入到项目中,重启VS软件。
1、增加文件夹,放入ttf字体文件,资源里定义引用
<Window.Resources>
<--第一种定义-->
<Style x:Key="FIcon"
TargetType="TextBlock">
<Setter Property="FontFamily"
Value="/font/#iconfont"></Setter>
<Setter Property="TextAlignment"
Value="Center" />
<Setter Property="FontSize"
Value="20" />
</Style>
<--第二种定义-->
<Style x:Key="Fonticon">
<Setter Property="TextElement.FontFamily"
Value="/font/#iconfont" />
</Style>
</Window.Resources>
2、XAML中使用
其中:&#x 是固定的
<TextBlock Text=""
Style="{DynamicResource FIcon}"
FontSize="80"
Margin="3"></TextBlock>
3、字体图标的名字
Text的值可以参考3.2中的demo.html,它是字符的Unicode编码。
4、后台C#代码设置图标
将&#x换成\u
ttttt.Text = "\ue613";
解释:
由于XAML是XML的一个扩展,所以XAML中用unicode码来表示字符的方式与XML相同。
格式为&#x****;
前三位固定为&#x,后面四位代表Unicode码值,分号不能省略。
例如:<TextBlockContent="↑" />
https://www.cnblogs.com/anding/p/4961215.html
二、Font Awesome字体文件
http://fontawesome.dashgame.com/#basic
1、下载字体文件ttf
2、加入到项目中
3、定义资源,注意字体名字那一块,必须是这个名字FontAwesome
<Style x:Key="FIcon"
TargetType="TextBlock">
<Setter Property="FontFamily"
Value="/fontfile/#FontAwesome"></Setter>
<Setter Property="TextAlignment"
Value="Center" />
<Setter Property="FontSize"
Value="20" />
</Style>
4、借助FontCreator软件看查看对应的字体名字和每个图标对应的编码,
5、使用方法同阿里的字体
<TextBlock Text=""
Style="{DynamicResource FIcon}"
FontSize="80"
Margin="3"></TextBlock>
三、电子表的字体风格longzhoufeng
这种电子表的字体风格--这种样式叫 :longzhoufeng 字体
下载地址:https://www.fontke.com/font/23256500/
1、下载字体文件
2、加入到项目中
3、前台资源定义
<Style x:Key="FIcon3"
TargetType="TextBlock">
<Setter Property="FontFamily"
Value="/fontfile/#longzhoufeng"></Setter>
<Setter Property="TextAlignment"
Value="Center" />
<Setter Property="FontSize"
Value="20" />
</Style>
4、XAML
<TextBlock Text="123456789"
Style="{DynamicResource FIcon3}"
FontSize="80"
Foreground="YellowGreen"
Margin="3"></TextBlock>