圖標字體(IconFont)介紹 圖標字體(IconFont)現在越來越被廣泛使用，大大提高了網頁的多樣化，解決了視網膜屏幕失真的問題。 據說微軟從IE4開始支持的這個私有方法(@font-face)，后來W3在CSS2中也引入這個方法，但是后來CSS2.1又被刪除了，真是遺憾。直到CSS3 ...

第一步 在AI中畫好矢量圖，或者是在PS中將純色的圖片存成PNG格式，最好是放大很多倍的純色圖片。因為導入到fontcreator中會顯得很小，如果不是矢量，圖片拉大后就會有鋸齒狀。 第二步 選 ...

1，登錄阿里媽媽，在AI做好矢量圖標，保存存svg格式 2，上傳自己做好的svg格式圖。 3，點擊添加入庫，下載代碼 4，下載到本地，打開是這個樣子滴。好啦打開unicde頁 ...

iconfont三種方式的優缺點 unicode 優點： 1.兼容性最好，支持ie6+ 2.支持按字體的方式去動態調整圖標大小，顏色等等 缺點： 1.不支持多色圖標 2.在不同的設備瀏覽器字體的渲染會略有差別，在不同的瀏覽器或系統中對文字的渲染不同，其顯示的位置和大小可能會受到font-size ...

一、前言 說起Iconfont，對大多數人來說可能不是什么新的技術了，現在好多大網站已經開始使用Iconfont。博主今天主要是簡單說一下它的使用方法，聊聊使用它時可能遇到哪些坑，不熟悉的同學可以簡要看一下，資深了解的同學，如果發現問題，還請指正。 二、什么是Iconfont 有的同學 ...

首先你要有一個圖標庫的賬號，我們使用的是阿里矢量圖標庫，其次你要有一套已經設計好的圖標原圖。如果你具備了這些，就可以和我一起看iconfont的使用姿勢了。 寫在前面 不結合其他矢量庫或UI框架一起使用的方法，可以參照官網的指示進行操作：http://iconfont.cn/plus ...

最近公司的設計人員想要把網站上面的小圖標都改為iconfont，我也做了一篇PPT分享給大家，如果現在不記下來，可能過幾個月就忘得一干二凈了 一· 現代設計的趨勢 我們知道，傳統設計的思路是擬物化，就是在電子設備中，模擬真實的世界。比如我們用的按鈕，會有一些陰影的設計，讓他看起來更像 ...

例： <link href="../resources/css/iconfont/iconfont.css" rel="stylesheet" type="text/css"> 加上 rel="stylesheet" 否則會不顯示 　　 ...