如何在iOS中使用iconfont文字图标-创新互联

本篇文章为大家展示了如何在iOS中使用iconfont文字图标，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

第一步：获取iconfont文件。

公司会有UI做图，让他们提供文件就好了，如果自己学习测试或者做自己的项目，就需要自己找素材了。

打开网址，搜索你需要的图标

移动鼠标到图标上，点击购物车的小图标，然后点击右上角的购物车小图标，

点击下载代码，就可以把下载一个包含iconfont的压缩包，文件夹的目录如下图

第二步：导入ttf文件

将文件夹中的iconfont.ttf文件直接拖入到项目中，记得勾选Add to targets中的选项

第三步：修改info.plist

点击添加按钮，输入UIAppFonts，点击回车，会自动变成名称为Fonts provided by application的数组，点击添加一个item，类型为String，输入iconfont.ttf，这个是你刚导入的文件的名字，点击回车，配置完毕；

第四步：查看iconfont中的图标的编码

我们使用的是unicode，所以，在刚才下载的文件夹中找到demo_unicode.html文件，双击打开，可以看到如下内容

其中的图标名称下面的一个字符串就是我们需要的编码，只是我们需要将其进行转换，如果是Objective-C，我们需要将其转为\U0000e642，如果是swift，我们需要将其转为\u{e642}，每个图标的编码不一样，但是对应关系是一样的，每个iconfont文件中可能不止一个图标，使用的时候就根据图标编码转成对应的即可使用；

第五步：在项目中使用iconfont

我用的是swift，Objective-C的使用方式类似，你们可以自己尝试，只是编码的转换结果不一样

let iconLabel = UILabel.init(frame: .init(x: 0, y: 0, width: 100, height: 30))
iconLabel.text = "\u{e642}"
iconLabel.font = UIFont.init(name: "iconfont", size: 15)

其中的设置font中的name是你导入文件的名称，如果你想给图标一个颜色，直接设置label的文本颜色即可，如果设置大小，直接设置font就行

上述内容就是如何在iOS中使用iconfont文字图标，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联网站建设公司行业资讯频道。

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。