SwiftUI衬线/无衬线字体

在 SwiftUI 里，“衬线 / 无衬线”通常对应的是字体设计风格：

无衬线字体：笔画结尾比较干净，没有额外的小装饰。系统默认的大多数界面文字都属于这一类，观感更现代，也更适合 UI。

衬线字体：笔画末端带有小装饰，阅读时会更有“书籍感”或“文章感”，常用于标题、正文排版、文学感内容。

在 SwiftUI 中，Text(“…”) 默认显示的是系统默认字体，而这个默认字体一般属于无衬线风格。

在 SwiftUI 中，可以使用 design 控制字体风格：

Text("Hello, SwiftUI")
    .font(.system(.body, design: .default))

常见值：

.default
.serif
.rounded
.monospaced

对应风格：

.default = 系统默认无衬线风格
.serif = 系统衬线风格
.rounded = 圆角风格
.monospaced = 等宽字体

显示效果：

如果想要使用衬线字体：

Text("Hello, SwiftUI")
    .font(.system(.body, design: .serif))

如果想要使用无衬线字体，一般就是 .default：

Text("Hello, SwiftUI")
    .font(.system(.body, design: .default))

在 SwiftUI 中，默认字体为无衬线字体。

例如：

Text("Hello")

它大致等价于：

Text("Hello")
    .font(.system(.body, design: .default))

这里的 .default 一般就是默认的系统无衬线设计。