1,前文:
WPF的Xaml是与前端的Html有着高度相似性的标记语言,所以Xaml也可同Html一般轻松使用阿里提供的海量字体图标,从而有效的减少开发工作度。
2,下载字体图标:
登录阿里图标库网iconfont-阿里巴巴矢量图标库,免费添加下载图标资源文件。
搜索需要的图标
将需要的图标添加到购物车
点击购物车,进入购物车
选择项目下载,并选择下载至本地。
解压下载的压缩包有如下文件
Index.html文件
3,WPF添加字体资源。
1,添加字体文件。
2,双击打开iconfont.ttf文件,查看字体名。
3,添加资源。
嵌入字体:
1, 字体文件为.ttf。
2,将字体文件放置于解决方案中设置该文件生成操作为:Resource。
<Application x:Class="Demo.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:Demo"
StartupUri="MainWindow.xaml">
<Application.Resources>
<!--文件位置+#(数字记号)+字体名称,例如font/#STCaiyun"中/font/为ttf文件位置,#STCaiyun为数字记号(#)+实际字体家族名-->
<FontFamily x:Key="myFont">pack://application:,,,/Demo;component/font/#iconfont</FontFamily>
</Application.Resources>
</Application>
4,使用示例。
<Window x:Class="Demo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:Demo"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<UniformGrid Columns="4" Rows="4" >
<UniformGrid.Resources>
<Style TargetType="TextBlock">
<Setter Property="FontFamily" Value="{StaticResource myFont}"></Setter>
<Setter Property="FontSize" Value="40"></Setter>
<Setter Property="TextAlignment" Value="Center"/>
</Style>
</UniformGrid.Resources>
<TextBlock Text=""></TextBlock>
<TextBlock FontFamily="{StaticResource myFont}"></TextBlock>
<TextBlock Foreground="Teal" LineHeight="50">
<Run ></Run>
<LineBreak ></LineBreak>
<Span FontSize="16" TextDecorations="Underline" >MobilePhone</Span>
</TextBlock>
<TextBlock></TextBlock>
</UniformGrid>
</Window>