SwiftUI修饰符顺序为何异常？fontDesign与fontWeight表现差异问询

首先纠正一个常见误解：SwiftUI的修饰符应用顺序是从左到右（靠近视图的先执行，后续修饰符在前者的结果上叠加/修改），也就是说，后添加的修饰符（离视图更远的）会覆盖或调整前面的效果，而非你原本理解的“离视图近的覆盖后续的”。

回到你的例子，两个修饰符的行为差异可以从它们的实现逻辑和系统字体特性来解释：

1. fontDesign(_:)的生效逻辑 #

fontDesign(_:)的核心是基于当前字体创建新实例：每次调用这个修饰符，都会以当前视图的字体（包含之前所有修饰的特性，比如大小、字重）为基础，生成一个应用了指定设计风格的新字体，完全替换掉之前的字体。

所以在第一个Text中：

Text("Text 1st")
    .font(.title2)
    .fontDesign(.rounded) // 生成rounded设计的title2字体
    .fontWeight(.bold)    // 基于rounded字体，生成bold字重的新字体
    .fontDesign(.serif)   // 基于bold字重的字体，生成serif设计的新字体（最终生效）

最后一次调用的.fontDesign(.serif)会覆盖之前的字体设置，自然成为最终生效的样式。

2. fontWeight(_:)的生效限制 #

fontWeight(_:)的作用是修改当前字体的字重，但它的生效前提是系统提供了对应字重的字体版本：
在第二个Text中：

Text("Text 2nd")
    .font(.title2)
    .fontWeight(.bold)       // 生成bold字重的title2字体
    .fontDesign(.rounded)    // 基于bold字体，生成rounded设计的新字体
    .fontWeight(.ultraLight) // 尝试修改rounded字体的字重为ultraLight

如果系统的rounded设计字体没有ultraLight这个字重选项，系统会自动回退到最接近的可用字重（也就是之前的.bold），导致你看起来第二个fontWeight被忽略。如果换用支持ultraLight字重的rounded字体，这个修饰符会正常生效，覆盖之前的.bold。

总结 #

这不是SwiftUI修饰符顺序的例外，而是两个修饰符的设计逻辑和系统字体可用性导致的差异：

• fontDesign每次都会生成全新的字体实例，最后一次调用必然覆盖之前的设置；
• fontWeight的修改依赖于字体是否支持对应字重，若不支持则会回退到原有字重，造成“被忽略”的假象。

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