阿里巴巴字體素材平臺（阿里巴巴字體庫）

大家好！今天讓小編來大家介紹下關(guān)于阿里巴巴字體素材平臺的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

• 1、阿里巴巴分批次下載的字體圖標使用

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

• 3、阿里巴巴矢量圖標庫怎么生產(chǎn)在線字體

• 4、iconfont阿里巴巴圖標有填色嗎

一、阿里巴巴分批次下載的字體圖標使用

阿里巴巴分批次下載的字體圖標使用方式：

1、字體圖標的大小通過fontsize控制，字體越大圖標越大，字體顏色通過color控制，可控制字體的屬性，都可以用使用時與普通字體無異，可以設(shè)置字號大小，顏色透明度等等，阿里巴巴字體圖標使用。

2、在圖標庫中選擇需要的圖標，鼠標經(jīng)過該圖標加入購物車。

3、選擇完成后，點擊右上角購物車，添加到對應(yīng)項目即可。

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

對于正確使用阿里巴巴iconfont想必大家都有一定的了解，但是詳細的使用方式我想大家都是大同小異的吧，那么我就把它告訴大家，以便大家方便使用。

具體使用方法如下：

1.首先在I阿里巴巴iconfont矢量圖標庫這個頁面上把你需要的相應(yīng)圖標隨后就會點擊購物車按鈕加入暫存架；

2.其次就是選擇完你所需要所有要用的圖標后，這時你就需要給它命名。然后你還要在圖標管理所對應(yīng)的圖標應(yīng)用項目中，最后找到這個項目，獲取在線鏈接，把里面的代碼復(fù)制到CSS中；

3.完成以上步驟后在HTML中需要使用到圖標時，使用iconfont類名。

4.最后就是你可以通過控制iconfont類的屬性改變圖標的樣式。

這樣你就完成了你所需的相關(guān)需求，通過以上操作，你可以輕松完成。那為什么我們要使用阿里巴巴iconfont，其實也不難發(fā)現(xiàn)，顧名思義iconfont也就是把圖標用字體的方式呈現(xiàn),其優(yōu)點在于以下幾個方面:首先可以通過css的樣式改變其顏色，其實不是專業(yè)人士是很難搞定的，其次就是相對于圖片來說,具有更高的分辨率，最后就是它擁有更小的存儲，對于我們來說非常方便，所以這就是它的優(yōu)點所在。任何東西的使用都有它的兩面性，它的缺點就是瀏覽器兼容性不夠普及,所幸目前大部分主流瀏覽器都支持。

但是只要你學(xué)會了使用的方法就會很快上手，所以說現(xiàn)在的科技也是有它的好處，使用它的方法其實就是你根據(jù)方法進行操作，那么你就會很快，學(xué)習(xí)這些并不是一成不變的，所以祝你早日學(xué)會。

三、阿里巴巴矢量圖標庫怎么生產(chǎn)在線字體

下載圖標

1

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

輸入逗阿里巴巴矢量圖標庫地百度搜索第一位就是啦

2

打開網(wǎng)址，你可以選擇右上角的搜索，搜索自己要的圖標，例如美女

3

也可以選擇去圖標庫自行選擇想要的圖標

4

選擇圖標，點擊圖標變成橘色，即放在暫存架

5

再次點擊即可取消，或者在暫存架中鼠標滑過圖標，圖標右上角有刪除小按鈕也可刪除選中

6

選擇好要用的圖標后，點擊暫存架的下載至本地，解壓待用

END

項目引用

1

打開解壓的文件夾中的demo.html

2

我們下載的圖標可看到了吧，按照demo的步驟，下面我們配置ionic的項目

3

靜態(tài)文件存放目錄，新建font文件夾用來存放字體文件（可自定義存放）

4

css使用font-face聲明字體

5

css定義使用iconfont的樣式

6

挑選相應(yīng)圖標并獲取字體編碼，應(yīng)用于頁面就可以顯示圖標啦

END

Tab及其他標簽引用圖標

1

大家發(fā)現(xiàn)，Ionic的圖標只要加個類似ion-happy ion-XXX的class就可以應(yīng)用相應(yīng)的圖標，那么我們怎么用阿里巴巴的矢量圖標呢，不要急也有辦法

打開直接解壓的圖標文件中的iconfont.css文件

2

將那些.icon-XXX:before{content:'XXXX'}也復(fù)制到你的css文件中去

看過ionic css文件源碼的童鞋，是不是看到這些有點熟悉呢

3

那就對啦，只要在class中加 iconfont icon-XXX就可以使用圖標了

四、iconfont阿里巴巴圖標有填色嗎

可以的，直接修改顏色和改變大小。

常見的使用方法：

使用icon font來生成圖標相對于基于圖片的圖標來說，有如下的好處：

1.自由的變化大小

2.自由的修改顏色

3.添加陰影效果

4.IE6也可以支持

5.支持圖片圖標的其它屬性，例如，透明度和旋轉(zhuǎn)等等

6.可以添加text-stroke和background-clip:text等屬性，只要瀏覽器支持

經(jīng)過在網(wǎng)站搜索發(fā)現(xiàn)了這個網(wǎng)站提供了一些使用的方法，大家有使用過嗎？

1、設(shè)計源常用字體圖標庫-IconFont：

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

2、阿里iconfont字庫

http://www.iconfont.cn/

這個是阿里媽媽M2UX的一個icon font字體圖標字庫，包含了淘寶圖標庫和阿里媽媽圖標庫。

希望對你有幫助！

iconfont阿里巴巴圖標字體 下載：