簡介:本課程,面向具備html、css的用戶,通過代碼示例演示,對比傳統(tǒng)圖標和字體圖標優(yōu)劣,學習并掌握前端必備的字體圖標使用技巧。
第1章 初次見面
說明本課程所講的圖標是什么?傳統(tǒng)方式怎么實現(xiàn),有什么弊端?
第3章 似曾相識的font&html字體圖標
分別講解常用的icomoon字體庫和阿里巴巴圖標庫如何使用font+HTML實現(xiàn)圖標
第4章 未曾謀面的font&css字體圖標
以icomoon字體圖標庫和阿里巴巴圖標庫分別演示font+css實現(xiàn)字體圖標的方法
- 視頻: 4-1 iconfont實現(xiàn)字體圖標方法一(1) (07:48)
- 視頻: 4-2 iconfont實現(xiàn)字體圖標方法一(2) (26:39)
- 視頻: 4-3 iconfont實現(xiàn)字體圖標方法二-彩色圖標 (16:47)
- 視頻: 4-4 iconfont實現(xiàn)字體圖標各種方法間的通用性 (05:41)
- 視頻: 4-5 iconfont實現(xiàn)字體圖標的樣式設置 (11:40)
- 視頻: 4-6 iconfont實現(xiàn)從別處借字體圖標 (16:37)
- 視頻: 4-7 項目小貼士:給已存在的項目中添加新的圖標的兩種場景 (19:14)
- 視頻: 4-8 小圖標引用在線鏈接(1) (13:35)
- 視頻: 4-9 小圖標引用在線鏈接(2) (11:00)
- 視頻: 4-10 小圖標引用在線鏈接(3) (10:55)
第5章 綜合案例
主要講解同一個項目中,如何使用不同的字體圖標