使用icomoom 制作ICON 字体图标及使用

本文介绍了如何使用IcoMoon制作ICON字体图标,并阐述了字体图标相较于图片图标的优点,如自由缩放不失真、颜色可修改、支持多种效果。详细步骤包括在IcoMoon中选取图标、下载并解压文件,最后将字体文件和样式文件引入项目,通过CSS类名添加到HTML中设置字体大小和颜色。
摘要由CSDN通过智能技术生成

在做手机App项目中,经常会遇到小图标在手机上显示比较模糊的问题,图标字体化是比较好的方法。
使用icon font来生成图标相对于基于图片的图标来说有如下的好处:

自由的变化大小而不失真,适用于不同分辨率和尺寸的屏幕
1、自由的修改颜色
2、添加阴影效果
3、支持图片图标的其它属性,例如,透明度和旋转等等
4、可以添加text-stroke和background-clip:text等属性,只要浏览器支持

字体图标有eot、ttf、woff、svg四种格式,eot格式,只能用于IE9以下版本的IE浏览器中。剩下的3个格式用于现代高级浏览器。

先介绍几个字体图标的下载网站:

1、IcoMoon

2、Fontello

3、FontsAddict 这个是一个字体图标搜索引擎,提供的字体图标最多

下面以IcoMoon为例,介绍下载字体图标的方法

进入IcoMoon,看到如下图的页面,点击"IconMoon"
在这里插入图片描述
选择需要的图标,点击下面的"Font>",即生成字体

在这里插入图片描述
选择需要的图标,点击下面的"Down>",即可下载

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值