前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SwiftUI版通知栏应用开发(3) ——引入 Customer Font

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

作者头像
玖柒的小窝
修改2021-11-04 09:50:43
2730
修改2021-11-04 09:50:43
举报
文章被收录于专栏:各类技术文章~各类技术文章~

开发 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()
}
复制代码

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 引入字体
  • 使用字体
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档