iOS中使用iconfont

寫在前面

iconfont技術(shù)是將圖標(biāo)(icon)轉(zhuǎn)換為字體(font),在iOS開發(fā)中可以減少App的體積。這里以阿里巴巴的iconfont為例。

iconfont的使用

  1. 在iconfont網(wǎng)站選中需要的圖標(biāo),下載代碼,解壓縮文件包
  2. 在Xcode工程中添加ttf字符集
    image

    image
  3. 在plist文件中添加相應(yīng)字段
    image
  4. 通過文件包中的html文件查看圖標(biāo)的Unicode編碼
    image
  5. 添加label
    //初始化label
    UILabel *iconfontLabel = [[UILabel alloc] initWithFrame:CGRectMake(150, 100, 200, 200)];
    //字體設(shè)置為iconfont
    iconfontLabel.font = [UIFont fontWithName:@"iconfont" size:50];
    //添加Unicode編碼,格式為\U0000 + 圖標(biāo)的Unicode編碼
    iconfontLabel.text = @"\U0000e64e";
    //顯示label
    [self.view addSubview:iconfontLabel];
  1. 添加圖標(biāo)成功
    image
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 本篇文章其實(shí)陸陸續(xù)續(xù)寫了快半年,主體部分寫好了很久了,但由于種種原因一直沒有發(fā)布。首先來說說寫這篇文章的主要...
    7cd975786ccd閱讀 4,566評論 0 11
  • 什么是Iconfont 我們通??吹降膱D標(biāo)都是以圖片形式集成到項(xiàng)目中使用,而 Iconfont 是一套字體圖標(biāo),和...
    十秒_閱讀 3,495評論 1 14
  • 14 “靠在窗邊,透過蒙蒙細(xì)雨,靜靜的看著這個(gè)陌生的城市,你不知道要在這里停留多久,你不知道你會遇見什么樣的人,不...
    楚天湘水閱讀 317評論 0 1

友情鏈接更多精彩內(nèi)容