Iconfont和font awesome的区别？

一、【Iconfont】

  1. Iconfont支持所有低版本浏览器；
  2. Iconfont的图标库更大；
  3. Iconfont可以用自己上传的svg，但是要花费大量时间和耐心去设计AI图标；
  4. Iconfont的使用更灵活，可以自由搭配组合，按需索取。如果网站只需用5个图标，那么仅下载这5个图标的字体文件和相关css即可。如果使用Iconfont的CDN服务，你都不用下载文件，直接将这几个图标添加到自己的项目中，然后在你的网站里面引用一个css文件即可。

访问网址：http://iconfont.cn/

二、【Font awesome】

  1. Bootstrap包含font awesome；
  2. Fontawesome只支持IE7+的高版本浏览器；
  3. Fontawesome只能用别人的字体文件；
  4. Fontawesome，即便只用到2个图标，你都得把所有文件下载下来，才能使用。而且svg和其他字体文件加起来，大小总共有400+KB。

访问网址是：http://fontawesome.dashgame.com/

时间： 2024-10-11 02:45:31

Iconfont和font awesome的区别？的相关文章

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的

cocos2dx[3.2](14)——新字体标签Label

[唠叨] 在3.x中,废弃了2.x里的LabelTTF.LabelAtlas.LabelBMFont三个字体类,取而代之的是全新的字体标签Label. 实际上Label是将三个字体类进行了融合,进行统一的管理与渲染,这使得创建字体标签Label的方式更加统一,更加方便. 本节来学习一下3.x中新的标签类Label,如果对2.x中的三个字体类不了解的话,建议先去看看那三个类的用法,再来学习本节内容,能够更好的理解. 2.x中的旧标签类,请移步:http://shahdza.blog.51cto.c

字体图标使用笔记

字体图标使用笔记: 优缺点: 首先,我们先恶补下什么是字体图标:用字体文件取代图片文件,来展示图标.特殊字体等元素的方法. 优点: 加载文件体积小 统一展示风格,使用方法 通过font-size,color就能自由变化大小,修改颜色,就像控制文字一样简单 可以添加一些视觉效果如:阴影.旋转.透明度 兼容IE6 后期维护成本很低 缺点: 制作门槛有点高,需要借助专业的工具生成字库文件 需要服务器做些相应的配置来解决识别问题和跨域问题 两家相对比较权威的字体图标:阿里巴巴Iconfont 和 Fon

css标签属性及用法

css标签及属性 HTML引入CSS的方法 1.嵌入式  <style type = "text/css">要写的样式</style> 2.外联式  <link rel = "stylesheet"  type = "text/css"  href = "css/public.css"  /> 3.行内式(主要用于JS控制元素的样式):style="color:red;"

css3新增功能

CSS3新增功能 1 CSS3选择器详解 1.1 基础选择器 通配选择器* 元素选择器E ID选择器#id CLASS选择器.class 群组选择器select1,selectN 1.2 层次选择器 后代选择器 E F 子选择器 E>F 相邻兄弟选择器 E+F 通用兄弟选择器 E~F 1.3 属性选择器 E[attr] 选择具有att属性的E元素. E[attr="val"] 选择具有att属性且属性值等于val的E元素. E[attr~="val"] 选择具

基于svg生成iconfont矢量字体图标

对于前端开发,图标是前端页面不可缺少的元素,他能更让前端页面更加丰富.前端页面的初期都是使用图片,对于小的图标使用图片拼成雪碧图不仅影响前端开发的效率,而且图片文件相对较大也会影响网页加载的速度.ionfont字体图标相较于图片他的优势就是文件大小极小,几百个图标才几十上百kb,但是换成图片可能已经有几mb了,其次制作简单,只需UI提供svg图标可以通过工具自动生成字体文件,或者网上有很多免费的图标库可以自动生成矢量字体文件,例如阿里巴巴矢量字体库.但是iconfont字体图标因为他就像字体一样

Vue 和微信小程序的区别、比较

写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别. 一.生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多. vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样. onLoad: 页面加载 一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数. onShow: 页面显示 每次打开页面都会调用一次. onReady: 页面初次渲染

iconfont采坑

1. iconfont采坑 1.1. 前言 使用iconfont过程中踩过坑特此记录 不知道iconfont的这里也简单介绍一笔,阿里开放的一个图标素材库,用来快速找图标下载使用图标 iconfont网址 1.2. 所谓单色 iconfont中有些图标,看着是单色的,也就是整体单色,中间有些白,但是白色和无色还是有区别的啊,当我拿了一个蓝白相间的图标过去赋值个颜色,这个图片就整个一块同色区,所以选图标的时候要看仔细了,编辑下是否中间是白色的 1.3. iconfont的三种使用模式 1.3.1.

initWithFrame、initWithCoder、awakeFromNib的区别和调用次序 &amp; UIViewController生命周期 查缺补漏

当我们创建或者自定义一个UI控件时,就很可能会调用awakeFromNib.initWithCoder .initWithFrame这些方法.三者的具体区别如下: initWithFrame: 通过代码创建UI控件的时候就会调用: initWithCoder:从文件中解析一个对象的时候就会调用这个方法,也就是说无论是通过代码还是xib,程序运行的时候都会调用这个方法: awakeFromNib:当一个对象从xib或者storyboard中加载完毕后,就会调用一次. 比如:当苹果官方提供的按钮不能