FontIcon -- Web開發的新選擇

FontIcon,即字體圖標,是隨着CSS3被廣泛應用後出現的一個新事物,我們知道之前開發Web應用,字體家族就只能是固定的那些所謂Web安全字體。瀏覽器支持CSS3之後,就可以通過關鍵字@font-face支持自定義字體了,這就衍生了一個新功能,用字體來代替圖片,以往Web裏的圖片只能是正式的圖片,圖片一旦設計好,大小和配色就固定了,放大圖片很容易失真。字體代替圖片後帶來的好處很明顯:減少圖片量,放大縮小圖片只要指定字體大小就可以了,不存在失真的問題,指定字體顏色就改變了圖片顏色,顏色不再固化。
下面的示例是企慧科技快速開發平臺對字體圖標的具體應用,體驗地址 http://cloud.kifeee.com:8081
1. PC端
這裏寫圖片描述
這裏寫圖片描述
2. 手機端
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章