阿里巴巴字体素材平台（阿里巴巴字体库）

大家好！今天让小编来大家介绍下关于阿里巴巴字体素材平台的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

• 1、阿里巴巴分批次下载的字体图标使用

• 2、阿里巴巴iconfont正确的使用方式是什么?

• 3、阿里巴巴矢量图标库怎么生产在线字体

• 4、iconfont阿里巴巴图标有填色吗

一、阿里巴巴分批次下载的字体图标使用

阿里巴巴分批次下载的字体图标使用方式：

1、字体图标的大小通过fontsize控制，字体越大图标越大，字体颜色通过color控制，可控制字体的属性，都可以用使用时与普通字体无异，可以设置字号大小，颜色透明度等等，阿里巴巴字体图标使用。

2、在图标库中选择需要的图标，鼠标经过该图标加入购物车。

3、选择完成后，点击右上角购物车，添加到对应项目即可。

二、阿里巴巴iconfont正确的使用方式是什么?

对于正确使用阿里巴巴iconfont想必大家都有一定的了解，但是详细的使用方式我想大家都是大同小异的吧，那么我就把它告诉大家，以便大家方便使用。

具体使用方法如下：

1.首先在I阿里巴巴iconfont矢量图标库这个页面上把你需要的相应图标随后就会点击购物车按钮加入暂存架；

2.其次就是选择完你所需要所有要用的图标后，这时你就需要给它命名。然后你还要在图标管理所对应的图标应用项目中，最后找到这个项目，获取在线链接，把里面的代码复制到CSS中；

3.完成以上步骤后在HTML中需要使用到图标时，使用iconfont类名。

4.最后就是你可以通过控制iconfont类的属性改变图标的样式。

这样你就完成了你所需的相关需求，通过以上操作，你可以轻松完成。那为什么我们要使用阿里巴巴iconfont，其实也不难发现，顾名思义iconfont也就是把图标用字体的方式呈现,其优点在于以下几个方面:首先可以通过css的样式改变其颜色，其实不是专业人士是很难搞定的，其次就是相对于图片来说,具有更高的分辨率，最后就是它拥有更小的存储，对于我们来说非常方便，所以这就是它的优点所在。任何东西的使用都有它的两面性，它的缺点就是浏览器兼容性不够普及,所幸目前大部分主流浏览器都支持。

但是只要你学会了使用的方法就会很快上手，所以说现在的科技也是有它的好处，使用它的方法其实就是你根据方法进行操作，那么你就会很快，学习这些并不是一成不变的，所以祝你早日学会。

三、阿里巴巴矢量图标库怎么生产在线字体

下载图标

1

由于度娘限制，自己百度下载地址吧~

输入逗阿里巴巴矢量图标库地百度搜索第一位就是啦

2

打开网址，你可以选择右上角的搜索，搜索自己要的图标，例如美女

3

也可以选择去图标库自行选择想要的图标

4

选择图标，点击图标变成橘色，即放在暂存架

5

再次点击即可取消，或者在暂存架中鼠标滑过图标，图标右上角有删除小按钮也可删除选中

6

选择好要用的图标后，点击暂存架的下载至本地，解压待用

END

项目引用

1

打开解压的文件夹中的demo.html

2

我们下载的图标可看到了吧，按照demo的步骤，下面我们配置ionic的项目

3

静态文件存放目录，新建font文件夹用来存放字体文件（可自定义存放）

4

css使用font-face声明字体

5

css定义使用iconfont的样式

6

挑选相应图标并获取字体编码，应用于页面就可以显示图标啦

END

Tab及其他标签引用图标

1

大家发现，Ionic的图标只要加个类似ion-happy ion-XXX的class就可以应用相应的图标，那么我们怎么用阿里巴巴的矢量图标呢，不要急也有办法

打开直接解压的图标文件中的iconfont.css文件

2

将那些.icon-XXX:before{content:'XXXX'}也复制到你的css文件中去

看过ionic css文件源码的童鞋，是不是看到这些有点熟悉呢

3

那就对啦，只要在class中加 iconfont icon-XXX就可以使用图标了

四、iconfont阿里巴巴图标有填色吗

可以的，直接修改颜色和改变大小。

常见的使用方法：

使用icon font来生成图标相对于基于图片的图标来说，有如下的好处：

1.自由的变化大小

2.自由的修改颜色

3.添加阴影效果

4.IE6也可以支持

5.支持图片图标的其它属性，例如，透明度和旋转等等

6.可以添加text-stroke和background-clip:text等属性，只要浏览器支持

经过在网站搜索发现了这个网站提供了一些使用的方法，大家有使用过吗？

1、设计源常用字体图标库-IconFont：

http://www.websjy.com/club/dianshang/iconfont/

2、阿里iconfont字库

http://www.iconfont.cn/

这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。

希望对你有帮助！

iconfont阿里巴巴图标字体 下载：