wpf 中使用 ttf

Posted 2020-09-19 蘅淼

　　因为实现ImageButton接触ttf在wpf中的使用，ttf是图标按钮的集合文件。可在阿里www.iconfont.cn网站选择下载。首先选择所需图标添加到购物车，选择完成后从购物车中选择“下载代码”，便可将其中的图标打包生成ttf文件并下载至本地。下载的文件夹中包含图一所示文件，其中iconfont.ttf是程序所需文件，打开该文件可看到“字体名称”，程序根据该名称查找ttf文件。程序中引用该文件首先需将该字体包设置为Resource，如FontFamily。

 

 　　c#代码中的引用格式为“#”+"字体名称"。iconfont.cn中下载的字体名称一般都是“iconfont”，所以引用时使用“#iconfont”即可，实例截取：component/Resources/#iconfont"。

图一

　　图一中的demo_unicode.html包含了ttf文件中的unicode编码，如图二所示。wpf中引用时，在xaml和xaml.cs中的方式有所不同。如arrow-left图标的编码是“”，当在xaml中引用时需要直接复制该编码，而在代码(.cs文件)中引用时，格式为“\\ue614”。

图二

 

　　具体介绍在App.xaml中设置为程序资源（Application.Resources）的方法及使用步骤：

　　　　步骤1，在App.xaml中设置如下，其中ttf资源文件所在目录为WpfUI/Resources/，WpfUI是项目名称，iconfont.ttf是字体库文件名，iconfont是字体库的“字体名称”。

<Application.Resources>
        <FontFamily x:Key="IconFont">
            pack://application:,,,/WpfUI;component/Resources/iconfont.ttf#iconfont
        </FontFamily>
        <!--其他设置-->
</Application.Resources>

　　　　步骤2，在xaml中应用到目标，以设置MenuItem图标为例

<MenuItem Name="menuItem1" Header="Icon示例" Icon="&#xe61a;" FontFamily="{StaticResource IconFont}">

 

　　

 

当前项目常用图标地址：http://www.iconfont.cn/collections/detail?cid=4215