iOS中iconfont(圖標字體)的基本使用

　　前言

　　近日在作項目時，項目組有提出iconfont的技術，便開始查詢相關資料。iconfont技術的主要目的是爲減小應用體積而生。首先icon表明圖標 font表明字體。此技術即是將圖標轉化爲字體，從而達到減少應用體積的目的(這樣避免了@2X圖和@3X圖的使用，只須要一個字體圖標就可搞定)。如需在項目中使用iconfont技術，圖標矢量圖一開始都應合併轉化爲字體庫(這屬於UI設計師的工做了)。在這裏會簡單說明怎麼生成字體庫和簡單的使用！此技術缺點也很明顯，只適用於純色的icon！

　　字體庫生成

　　針對於字體庫的生成方案如今推薦你們用的有兩個圖標字體庫生成網站iconmoon和iconfon。本文以iconmoon爲例，選擇好圖標後轉化爲字體下載

 

　　基本使用

　　在我的項目工程中加入iconmoon.ttf字體庫，確保在copy bundle Resources中有添加入字體庫,而後在info.plist文件中增長字段Fonts provided by application並在該字段下添加icomoon.ttf。此時只須要在工程使用該字體便可。

       

　　在使用的時候須要配置字體名字，而後將對應圖標的Unicode編碼賦給text便可進行展現，對應圖標的Unicode編碼在字體下載中的html文件中查看

　　使用時只須要將對應的Unicode編碼轉化爲text字符串便可，轉化方式爲'\U0000 + 對應編碼'。示例以下:

    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100, 100, 100, 50)];
    //須要配置爲對應的字體
    label.font = [UIFont fontWithName:@"icomoon" size:24];
    //配置上兩個對應圖標
    label.text = @"\U0000e900 \U0000e91f";
    //配置圖標顏色
    [label setTextColor:[UIColor cyanColor]];

　　運行程序後即可獲得以下效果圖:

　　

　　以上即是iconfont的具體運用方法，有想法的朋友能夠直接去試一試了。關於此種技術的使用效率問題和其餘生成方式都在參考連接中能夠查找到。本文旨在提供最基本的使用方法給你們，如上述有不正確之處歡迎指出！

　　參考連接

　　使用IconFont減少iOS應用體積

　　iconfont，像使用字體同樣使用圖標