IconFont的使用 Iconfont-國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、線上存儲、格式轉換等功能。阿裡巴巴體驗團隊傾力打造,設計和前端開發的便捷工具. https://www.iconfont.cn/ IOS使用 IOS可以直接使用單個icon(svg,png)。也可 ...
IconFont的使用
Iconfont-國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、線上存儲、格式轉換等功能。阿裡巴巴體驗團隊傾力打造,設計和前端開發的便捷工具.
IOS使用 IOS可以直接使用單個icon(svg,png)。也可以直接引入字體應用:
第一步:將您從IconFont平臺下載的字體文件(.ttf)添加到工程中; 打開Info.plist文件,增加一個新的Array類型的鍵,鍵名設置為UIAppFonts(Fonts provided by application),增加字體的文件名:“iconfont.ttf“
第二步:使用IconFont字體:
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];
這裡有兩個地方註意下:
創建 UIFont 使用的是字體名,而不是文件名; 文本值為 8 位的 Unicode 字元,我們可以打開 demo.html 查找每個圖標所對應的 HTML 實體 Unicode 碼,
比如: "店" 對應的 HTML 實體 Unicode 碼為:0x3439 轉換後為:\U00003439 就是將 0x 替換為 \U 中間用 0 填補滿長度為 8 個字元
demo : git地址 https://github.com/jukai9316/IconFontDemo