长按识别二维码关注
网站首页 >> 技术资料 >> 营销型网站 >> 阿里字体图标（阿里字体图标库）
本篇文章给大家谈谈阿里字体图标，以及阿里字体图标库对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
阿里字体图标（阿里字体图标库）
系统bug。微信小程序是一种不需要下载安装即可使用的应用，该应用在运行时如果一直无法显示阿里图标，是系统bug的原因，只需要将微信卸载重新打开即可。
阿里字体图标（阿里字体图标库）
这里是阿里巴巴UED部门开发的IconFont平台，目前阿里系的重量级产品都在使用，里面有很多资源可供使用。这里说说如何在客户端内使用。
IconFont虽然看起来是图标，实际原理跟字体的实现方式是一样的，所以我们把每个Icon当作一个特殊的文字来理解和处理。
使用symbol的优点：
在页面中使用：
官方链接至
它跟阿里矢量库不同的是 他不需要引入一些繁琐的文件 只需要几个命令就可以直接使用icon图标
方法一 : css导入
link rel=stylesheet href=path/to/font-awesome/css/font-awesome.min.css
方法二: 定义安装
npm install font-awesome-sass
复制 font-awesome/ 目录到您的项目中。
打开 font-awesome/less/variables.less 文件或 font-awesome/scss/_variables.scss文件 ，然后修改 @fa-font-path 或 $fa-font-path 为您的字体目录
这一次开发，没有什么特别的，就是我在小图标展示的时候。在雪碧图和图标字体中徘徊了很久。于是，简单研究了一下，就当立一个flag,日后在深究一下。
工具：
sprite-generator
栗子:
图片
定位
效果
优点：
缺点：
工具：
iconfont是阿里提供一个矢量图标库。
fontawesome国外一款优秀的图标库，用bootstrap的都不陌生了。
栗子:
iconfont和fontawesome官方都提供了很详细的使用教程，这里不就不做赘述了。简单的写了一个小demo。可以去简单的看一下。
优点：
缺点：
小栗子
sprite-generator
iconfont
fontawesome
阿里图标被收录在龙猫网的前端栏目下。阿里图标是阿里巴巴旗下的一个免费搜索图标的网站，龙喵网这个网址导航链接了阿里图标这个网址
