IconFont的使用html
Iconfont-國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能。阿里巴巴體驗團隊傾力打造,設計和前端開發的便捷工具.前端
IOS使用 IOS能夠直接使用單個icon(svg,png)。也能夠直接引入字體應用:github
第一步:將您從IconFont平臺下載的字體文件(.ttf)添加到工程中; 打開Info.plist文件,增長一個新的Array類型的鍵,鍵名設置爲UIAppFonts(Fonts provided by application),增長字體的文件名:「iconfont.ttf「app
第二步:使用IconFont字體:ide
UILabel * label = [[UILabel alloc] initWithFrame:self.view.bounds]; UIFont *iconfont = [UIFont fontWithName:@"uxIconFont" size: 34]; label.font = iconfont; label.text = @"\U00003439 \U000035ad \U000035ae \U000035af \U000035eb \U000035ec"; [self.view addSubview: label];
這裏有兩個地方注意下:svg
建立 UIFont 使用的是字體名,而不是文件名; 文本值爲 8 位的 Unicode 字符,咱們能夠打開 demo.html 查找每一個圖標所對應的 HTML 實體 Unicode 碼,工具
好比: "店" 對應的 HTML 實體 Unicode 碼爲:0x3439 轉換後爲:\U00003439 就是將 0x 替換爲 \U 中間用 0 填補滿長度爲 8 個字符字體
demo : git地址 https://github.com/jukai9316/IconFontDemospa