摘要：在Flutter项目中如何使用Iconfont

  1. 选取并下载Iconfont图标至本地
    Iconfont官网连接
    下载完成后目录结构如下
    在这里插入图片描述
  2. 将字体文件拷贝至项目中
    例：此处将字体文件拷贝在fonts文件夹内
    在这里插入图片描述
  3. 将字体注册到项目中
    打开此文件
    在这里插入图片描述
    声明字体代码如下：注意fonts前有一缩进空格
	fonts:
	    - family: iconfontFonts
	      fonts:
	        - asset: fonts/iconfont.ttf
  1. 实例化Icon对象并引入
Icon( IconData(0xe6dd, fontFamily: 'iconfontFonts'),color: Colors.blue,size: 89.0)

  1. 注引入的字体16进制值
    打开所下载的字体文件的文件夹中，有字体的16进制值编号，将&#转换成0即可
    在这里插入图片描述

  2. 运行效果如下
    在这里插入图片描述

# flutter
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

iOS开发中从swiftUI现有接入 React Native

本文档完整整理了桥接、页面跳转、全局初始化、配置项的全套代码与步骤，可直接用于项目集成。

avatar 开源鸿蒙跨平台开发者社区
cover

Flutter 鸿蒙跨平台应用终极实战：底部导航 + 收藏 + 搜索 + 全页面架构

avatar 开源鸿蒙跨平台开发者社区
cover

Flutter鸿蒙应用开发：数据备份与恢复功能实现实战，保障应用数据安全不丢失

avatar 开源鸿蒙跨平台开发者社区