圖標字體 VS 雪碧圖——圖標字體應用實踐

本文介紹使用圖標字體和SVG取代雪碧圖的方法。雪碧圖是很多網站經常用到的一種技術，但是它有缺點：高清屏會模糊、無法動態變化如hover時候反色。而使用圖標字體可以完美解決上述問題，同時具備兼容性好，生 ...

把UI圖里的小圖標制作成icon font

一個交互比較多的UI圖里面可能會有很多小圖標，一般可用sprites圖將多個小圖標弄成一張大圖，或者其它的辦法，各種方法的比較可參見博主的另外一篇博客使用css3新屬性clip-path制作小圖標，本文深入討論使用icon-font的的制作方法：在PS里面導出svg，制作字體圖標。這種 ...

使用css3新屬性clip-path制作小圖標

一般一個網頁上面，或多或少都會用到一些小圖標，展示這些小圖標的方法有很多種。最簡單的做法就是將UI圖上面的每個小圖標都保存為圖片，一個小圖標就一張圖片。但這也是比較笨的方法，因為瀏覽器同一 ...