資訊專欄INFORMATION COLUMN
摘要：為什么要使用圖標字體使用這項技術總得有使用它的理由那么，我們來分析下的優缺點，看是不是適合正在開發的項目。優化項目性能字體的加載速度快于圖片，就算圖片經過合并。
為什么要使用圖標字體
使用這項技術總得有使用它的理由！那么，我們來分析下iconfront的優缺點，看是不是適合正在開發的項目。優點
1、優化項目工作流程
對于web前端項目中的圖標，很多情況下是使用的png圖片，但如果圖標顏色要修改，就會要UI修改png圖片；這時，我們的iconfront就發揮作用了，因為它是字體，所以可以像字體一樣修改顏色（如:"color:#333"）;這樣無疑可以降低部分工作量。
2、優化項目性能
字體的加載速度快于圖片，就算圖片經過合并。
3、永不失真
因為PNG圖片是位圖，如果尺寸不合適，就會失真（跟打馬賽克差不多）；而字體再怎么方大縮小也不會。缺點
1、提高對UI的要求
UI對界面的設計往往是一個PS就能搞定，而如果使用圖標字體（iconfront），就需要設計對應的svg矢量圖，PS就無法做到，目前主要是用AI（Adobe Illustrator），這就提高了對UI的要求如何簡單愉快地使用圖標字體
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115493.html
摘要：為什么要使用圖標字體使用這項技術總得有使用它的理由那么，我們來分析下的優缺點，看是不是適合正在開發的項目。優化項目性能字體的加載速度快于圖片，就算圖片經過合并。 為什么要使用圖標字體 使用這項技術總得有使用它的理由！那么，我們來分析下iconfront的優缺點，看是不是適合正在開發的項目。 優點 1、優化項目工作流程 對于web前端項目中的圖標，很多情況下是使用的png圖片，但如果圖標...
摘要：端使用文檔來源于官方文檔用戶在可以下載，多種格式的，平臺也可將圖標轉換為字體，便于前端工程師自由調整與調用。 web端使用(文檔來源于官方文檔) 用戶在iconfont.cn可以下載，多種格式的icon，平臺也可將圖標轉換為字體，便于前端工程師自由調整與調用。 第一步：拷貝項目下面生成的font-face @font-face {font-family: iconfont; src...
摘要：雪碧圖雪碧圖就是把很多小的圖整合到一起，制作成一張比較大的圖，然后作為元素的背景圖片使用，定位到相應的圖片即可。除此之外，使用雪碧圖，有兩個個注意地方不要把頁面所有的圖片都合并，比如把整合會破壞的語義結構。 看似平常的事物，往往會蘊含的巨大的智慧。把看似平常的事物簡單做好，可能很正常。如果能把平常的事物做精，做細，這個不平常。 1.前言 每一個開發者在開發項目中，不可避免要和圖片打交道...
摘要：雪碧圖雪碧圖就是把很多小的圖整合到一起，制作成一張比較大的圖，然后作為元素的背景圖片使用，定位到相應的圖片即可。除此之外，使用雪碧圖，有兩個個注意地方不要把頁面所有的圖片都合并，比如把整合會破壞的語義結構。 看似平常的事物，往往會蘊含的巨大的智慧。把看似平常的事物簡單做好，可能很正常。如果能把平常的事物做精，做細，這個不平常。 1.前言 每一個開發者在開發項目中，不可避免要和圖片打交道...
摘要：由于項目的不斷擴大，只會影響我們定位功能和問題的速度，因此對冗余文件進行清理，是很重要的。我們在項目中使用的，自動將各個圖標進行。 進入公司之后，接手的便是前人留下來的一個大項目。慶幸的是整個項目擁有完善的產品功能文檔，但是由于項目過于龐大，老舊。包含了打包過慢，冗余文件過多等諸多問題。想要快速的解決這些問題，想要完全把功能重構一遍的話，成本太高了。一個一個文件來過，時間成本也比較大。...
閱讀 3035·2023-04-25 20:09
閱讀 3317·2021-11-23 09:51
閱讀 1971·2021-11-22 15:25
閱讀 3348·2021-11-18 10:02
閱讀 2747·2021-09-27 13:56
閱讀 1304·2019-08-30 15:44
閱讀 1149·2019-08-30 13:21
閱讀 3322·2019-08-30 11:05
