代码旅行

iOS 中使用图标字体

之前写过一篇在 iOS 中自定义字体的「博文」,随着现在字体的图形化,在 iOS 开发中也可以通过使用这些图形字体来替代图片,也能减少应用的体积。

准备工作:找字体

现在这些图标字体很多,比如 FontAwesome,再比如阿里的 IconFont,我这里使用的是 IcoMoon

访问 IcoMoon 的网站,选择需要用到的字体,比如这里选择耳机

iconfontexample01

选中后,点击下面的 Generate Font 生成字体,在下一个界面下载字体,同时记录下这个字体的编码

iconfontexample00

开发

  • 创建项目,并将刚才下载的字体添加到项目中

    iconfontexample02

  • 编辑 Info.plist 文件,引入字体

    打开 Info.plist 文件,增加 Fonts provided by application,值为刚才字体文件的名字 iconmoon.ttf

    这里字体文件的名字可以随意修改

  • 编写代码

    这里用 UILabel 来显示内容

    let label = UILabel(frame: CGRect(x:30, y:30, width: 100, height: 100))
    label.font =  UIFont.init(name: "icomoon", size: 96)
    label.text = "\u{e910}"
    

    先初始化字体,然后输入字体的编码即可,运行后的效果如下

    iconfontexample04

源码

本次教程源码查看:GitHub

--- EOF ---

除特别注明外,所有文章均采用Creative Commons BY-NC-ND 4.0(自由转载-保持署名-非商用-禁止演绎)协议发布。