SwiftUI中如何让视图字体匹配已有视图的字体？

当然可以实现视图间的字体匹配，无需手动硬编码字体参数。针对你给出的Section头部Text和Button字体不匹配的场景，以下是两种实用方案：

方案1：动态捕获目标视图字体（精准匹配） #

通过自定义PreferenceKey捕获目标Text的字体属性，再将其应用到Button上，还支持按比例缩放字体。

首先定义偏好键和视图扩展：

struct FontPreferenceKey: PreferenceKey {
    static var defaultValue: Font? = nil
    
    static func reduce(value: inout Font?, nextValue: () -> Font?) {
        value = value ?? nextValue()
    }
}

extension View {
    func captureFont() -> some View {
        self.preference(key: FontPreferenceKey.self, value: .init(self.font))
    }
}

extension Font {
    // 实现字体缩放，满足0.8倍大小的需求
    func scaled(_ factor: CGFloat) -> Font {
        self.relativeSize(factor: factor)
    }
}

修改你的示例代码：

struct FontMatchView: View {
    @State private var headerFont: Font?
    
    var body: some View {
        Form {
            Section {
                Text("Some Controls Here")
            } header: {
                HStack {
                    Text("Header")
                        .captureFont()
                        .onPreferenceChange(FontPreferenceKey.self) {
                            headerFont = $0
                        }
                    Spacer()
                    Button("Option") {
                        // 按钮逻辑
                    }
                    .font(headerFont?.scaled(0.8))
                    // 如果只需要完全匹配，直接用 .font(headerFont)
                }
            }
        }
    }
}

这个方案会自动捕获左侧Text的字体（包括系统默认的Section头部字体），无需手动指定任何字体名称或大小，完美适配系统样式。

方案2：全局统一字体样式（适合批量复用） #

如果希望整个App的Section头部文本和关联按钮字体保持统一，可以通过自定义环境变量来实现：

定义环境键和视图扩展：

private struct SectionHeaderFontKey: EnvironmentKey {
    static var defaultValue: Font = .headline // 默认使用系统headline字体
}

extension EnvironmentValues {
    var sectionHeaderFont: Font {
        get { self[SectionHeaderFontKey.self] }
        set { self[SectionHeaderFontKey.self] = newValue }
    }
}

extension View {
    func sectionHeaderFont(_ font: Font) -> some View {
        self.environment(\.sectionHeaderFont, font)
    }
}

extension Font {
    func scaled(_ factor: CGFloat) -> Font {
        self.relativeSize(factor: factor)
    }
}

修改视图代码：

struct FontMatchView: View {
    var body: some View {
        Form {
            Section {
                Text("Some Controls Here")
            } header: {
                HStack {
                    Text("Header")
                        .font(.sectionHeaderFont)
                    Spacer()
                    Button("Option") {
                        // 按钮逻辑
                    }
                    .font(.sectionHeaderFont.scaled(0.8))
                }
            }
        }
        .sectionHeaderFont(.headline) // 可在此统一修改全局Section头部字体
    }
}

这种方法适合需要批量统一样式的场景，一次设置后所有相关视图都会自动应用该字体，后期维护更方便。

内容的提问来源于stack exchange，提问作者Curious Jorge