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

源码

本次教程源码查看:https://github.com/hzb/IconFontExample

请注意:这里的内容都是原创,你可以免费阅读,但拒绝所有其他任何形式的转载,谢谢配合。如果你发现文章中有错误,请发邮件给我,非常感谢。

The Copyright of all posts & photos posted in tourcoder.com is belong to tourcoder.com. You can read them for free, but you may not reuse anything therein without my permission.