美文网首页
SwiftUI IcontFont使用记录

SwiftUI IcontFont使用记录

作者: fordG | 来源:发表于2020-11-19 10:53 被阅读0次
  • 首先 去阿里 https://www.iconfont.cn 去搞定iconfont的文件

    image.png
  • 把下载到本地的icontFont倒入到你的项目中, 记得copy if need


    image.png
  • 在infoplist中加入你的 .ttf文件

<key>UIAppFonts</key>
    <array>
        <string>iconfont.ttf</string>
    </array>
image.png
  • 定义一个enum来记录iconfont
public enum IconFont: String {
    case version = "\u{e672}"
    case info = "\u{e61e}"
    case more = "\u{e63a}"
    case attachment = "\u{e607}"
    case copy = "\u{ef86}"
    case dot = "\u{e608}"
    case back = "\u{e603}"
}

  • 使用的iconfont
Text(IconFont.back.rawValue)
            .font(.custom("iconfont", size: 20))

总结下:

  1. 倒入iconfont文件
  2. infoplist加入倒入文件的名字
  3. 枚举各个icon的类型
  4. 使用 .font(.custom)来展示, 你也可以自己封装一下,方便使用

相关文章

网友评论

      本文标题:SwiftUI IcontFont使用记录

      本文链接:https://www.haomeiwen.com/subject/mzukiktx.html