首先我们先恶补下什么是字体圖标：用字体文件取代图片文件，来展示图标、特殊字体等元素的方法
- 统一展示风格，使用方法
- 通过font-sizecolor就能自由变化大小，修改颜色僦像控制文字一样简单
- 可以添加一些视觉效果如：阴影、旋转、透明度
- 制作门槛有点高，需要借助专业的工具生成字库文件
- 需要服务器做些相应的配置来解决识别问题和跨域问题
第一步：下载（如果下载过H-ui框架和H-ui.admin的请跳过第一步，无须重复下载）
为了方便资源调用尽量保持现有字库的目录结构，不要随意拆开部署防止无法正常加载字体文件。
方法1、挑选相应图标并获取字体编码(如果字库发生过更新編码会发生相应的变化，需要重新获取对应编码)应用于页面。?
方法2、通过对应的css类名调用
H-ui会定期更新字库文件做到兼容升级，不影響前面已有的字库编码让用户放心升级字库。
更多个性化定制阿里巴巴Iconfont平台不但免费提供了1w多个常用的图标，而且为用户提供了在线矢量格式转换的功能设计师只要将设计好的图标上传至平台，平台会将图标存储在平台上并转换成多种文件格式。具体制作方法在此鈈过多阐述感兴趣可 。
首先我们先恶补下什么是字体圖标：用字体文件取代图片文件，来展示图标、特殊字体等元素的方法
- 统一展示风格，使用方法
- 通过font-sizecolor就能自由变化大小，修改颜色僦像控制文字一样简单
- 可以添加一些视觉效果如：阴影、旋转、透明度
- 制作门槛有点高，需要借助专业的工具生成字库文件
- 需要服务器做些相应的配置来解决识别问题和跨域问题
第一步：下载（如果下载过H-ui框架和H-ui.admin的请跳过第一步，无须重复下载）
为了方便资源调用尽量保持现有字库的目录结构，不要随意拆开部署防止无法正常加载字体文件。
方法1、挑选相应图标并获取字体编码(如果字库发生过更新編码会发生相应的变化，需要重新获取对应编码)应用于页面。?
方法2、通过对应的css类名调用
H-ui会定期更新字库文件做到兼容升级，不影響前面已有的字库编码让用户放心升级字库。
更多个性化定制阿里巴巴Iconfont平台不但免费提供了1w多个常用的图标，而且为用户提供了在线矢量格式转换的功能设计师只要将设计好的图标上传至平台，平台会将图标存储在平台上并转换成多种文件格式。具体制作方法在此鈈过多阐述感兴趣可 。
