使用阿里巴巴向量庫方法雖然不難,但本人記性不好,遂在次記錄幾筆
阿里巴巴向量庫圖示好處:
1:圖示向量化
2:自己總結:iconfont是將圖示按字型的方式進行操作,所以稱為字型圖示,我們可以用css來靈活控制圖示的大小、顏色、陰影等。
3:通過iconfont平台,我們可以高效快速的生產出規範的圖示。
4:流量最小化。
缺點:1:色調單一,如果圖示是五顏六色的,那麼iconfont不適合。最多只能用css3做一些簡單的漸變,或者你可以蛋疼的用多個圖示疊加到一起。
使用步驟:
1:進入iconfont官網:
2:搜尋目標圖示,放入"購物車",完畢後,新增入專案中(需要登入),沒有專案建立即可
5:開啟html檔案,按照其中步驟,複製1,2步驟的內容到專案的css中(.iconfont中內容的按照需求更改和新增)
6:修改路徑:將css中@font-face種url的路徑改為對應格式檔案路徑
8:開啟網頁,重新整理即可看到向量字型圖示。
ps:2017-3-13:這次試用iconfnts中,發現控制台會報錯,但不知道怎麼解決,但是谷歌會照常顯示,火狐瀏覽器不會正常顯示。
阿里巴巴iconfont使用方式
iconfont的作用就是用字型的格式來取代 特殊字型的展示,用得比較多的就是一些純色的圖示,具體主要由當前css3屬性裡的自定義字型 font face 來實現。1.首先在iconfont 阿里巴巴向量圖示庫上面將你需要的圖示點選購物車按鈕加入 暫存架 3.每次新增圖示都要重新生成 font fa...
iOS開發 阿里巴巴IconFont適配技術
在開發阿里資料ios版客戶端的時候,由於專案進度很緊,專案裡的所有圖示都是用最平常的背景方案來實現。而為了要相容普通屏與retina屏的裝置,蘋果要求 每個背景圖都要以兩種尺寸存 a.png和a 2x.png 這讓設計師們增加了成本,因為他們每次都得出兩份背景圖示。現在在web開發上,icon fo...
阿里巴巴資料庫
開源資料庫 alisql alisql 是基於 mysql 官方版本的乙個分支,由阿里雲資料庫團隊維護,目前也應用於阿里巴巴集團業務以及阿里雲資料庫服務。該版本在社群版的基礎上做了大量的效能與功能的優化改進。尤其適合電商 雲計算以及金融等行業環境。分布式資料庫 oceanbase oceanbase...