WPF 如何使用 .ttf 文件

前言

IconFont 是从 阿里巴巴矢量图标库 下载的 IcontFont.ttf 文件,里面是用图形定义的字体(注意:字体只能是单色的)。

demo.css 
demo fontclass.html 
demo s mbol.html 
demo_unicode.html 
iconfont.c s s 
ico nfo nt.eot 
iconfontjs 
iconfont.svg 
_ iconfont.ttf 
ico nfo nt.woff 
2018/3/2 . 
2018/3/2 
2018 3 
2018/3/2 
2018/3/2 
2018/3/2 
2018/3/2 . 
2018/3/2 
2018/3/2 
2018/3/2 
Chrome HTML 
Chrome HTML 
Chrome HTML 
EOT 
Jscript Script 
SVG 
TrueType 
WOFF 
12

使用说明

  • 将 iconfont.ttf 文件放入项目中,并设置资源属性。

Resou rce 
ico nfo nt.ttf

  • 复制 .ttf 文件中的标题名称

iconfont 
Git 
iconfont 
T rueType 
1.0 
Created by iconfont 
DÅää5käZ 
Generated by svg2ttf from Fontello project.

  • 在资源字典中定义 FontFamily 的静态资源。
// 使用规则
<FontFamily x:Key="ResourceKey">pack://application:,,,/程序集名称;Component/#字库标题</FontFamily>
// 示例
<FontFamily x:Key="IconFont">pack://application:,,,/IconFontDemo;Component/#iconfont</FontFamily>
  • 在资源字典中定义与 unicode 对应的静态资源。

这里写图片描述

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:system="clr-namespace:System;assembly=mscorlib">
    <system:String x:Key="number_0">&#xe77e;</system:String>
    <system:String x:Key="number_1">&#xe780;</system:String>
    <system:String x:Key="number_2">&#xe78f;</system:String>
    <system:String x:Key="number_9">&#xe77d;</system:String>
</ResourceDictionary>
  • 在 Xaml 中使用 IconFont
  <TextBlock FontFamily="{StaticResource IconFont}" Text="{StaticResource number_0}"></TextBlock>
posted @ 2021-09-07 16:45  2324736194  阅读(478)  评论(0编辑  收藏  举报