SwiftUI中带HTML属性的Text无法应用font修饰符问题求助

原因分析 #

从HTML生成的NSAttributedString会自带默认字体属性，SwiftUI的Text在渲染带属性的字符串时，会优先使用字符串内部的属性配置，外部的font修饰符会被忽略——这也是fontWeight、underline这类修饰符能正常工作的原因：它们要么是对原有属性的补充，要么是和字体属性互不冲突的独立设置。

解决方案 #

方法1：统一替换属性字符串的字体 #

通过NSMutableAttributedString遍历并替换整个字符串的字体属性，同时保留HTML带来的其他格式（如下划线）：

struct SecondContentView: View {
    var body: some View {
        let html = "<u>Heading</u> paragraph."
        
        guard let data = html.data(using: .utf8),
              var nsAttributedString = try? NSAttributedString(data: data, options: [.documentType: NSAttributedString.DocumentType.html], documentAttributes: nil) else {
            return Text(html)
        }
        
        // 配置目标字体（自定义字体用UIFont(name: "YourCustomFontName", size: 48)）
        let targetFont = UIFont.systemFont(ofSize: 48, weight: .bold)
        let fontAttributes: [NSAttributedString.Key: Any] = [.font: targetFont]
        
        // 替换整个字符串的字体属性，保留原有格式
        let mutableAttrStr = NSMutableAttributedString(attributedString: nsAttributedString)
        mutableAttrStr.addAttributes(fontAttributes, range: NSRange(location: 0, length: mutableAttrStr.length))
        
        guard let attributedString = try? AttributedString(mutableAttrStr, including: \.uiKit) else {
            return Text(html)
        }
        
        return Text(attributedString)
    }
}

方法2：直接在HTML中指定字体 #

如果允许修改HTML内容，可以直接通过style标签定义字体，生成的属性字符串会自带目标字体，无需额外修饰：

let html = "<span style='font-size:48px; font-family:Helvetica; font-weight:bold;'><u>Heading</u> paragraph.</span>"

自定义字体注意事项 #

如果使用自定义字体，需确保：

• 字体文件已添加到项目中（勾选"Copy items if needed"）
• 在Info.plist中添加Fonts provided by application字段，填入字体文件名（比如CustomFont-Regular.ttf）
• 通过字体名而非文件名创建UIFont（可打印UIFont.familyNames查看所有可用字体名）

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