SwiftUI版通知栏应用开发(3) ——引入 Customer Font

2021-11-04 09:50:43 浏览数 (3)

开发 APP 总是绕不开使用 Font 字体的问题。好在,现在引入非系统字体已然很简单了,简单到我觉得没必要写笔记了,但是我发现如果真的去不断研究,还是有很多知识的。

今天只是把入门级的简单操作记录下来。

引入字体

把我们需要的字体 ttf 文件放入 fonts 文件夹下:

这个 Sauce Code Pro 系列字体是我一直很喜欢使用,在终端 iTerm 里:

在落格输入法里:

放出下载地址:github.com/ryanoasis/n…

有了字体文件,我们在 info 里加入字段:Fonts provided by application, 数组类型:

使用字体

引入之后,我们只需要扩展 Font 类即可:

代码语言:javascript复制
public extension Font {
    static func customf(_ size: CGFloat) -> Font {
        return .custom("SauceCodeProNerdFontComplete", size: size)
    }
}
复制代码

默认的字体文件,大小因引入而变成。我们使用看看效果:

代码语言:javascript复制
var body: some View {
    Text("(self.timerViewModel.context)")
        .font(.customf(14))
        .padding()
}
复制代码

如果字体变小看看效果:

代码语言:javascript复制
var body: some View {
    Text("(self.timerViewModel.context)")
        .font(.customf(10))
        .padding()
}
复制代码

0 人点赞