--- title: Styling measurement unit fonts in SwiftUI | daily.dev description: SwiftUI's Text view applies the same font to both the value and unit of a formatted measurement. Using the AttributedString API and the transformingAttributes... canonical: https://daily.dev/posts/styling-measurement-unit-fonts-in-swiftui-ma1wfmhyn twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Styling measurement unit fonts in SwiftUI | daily.dev og:description: SwiftUI's Text view applies the same font to both the value and unit of a formatted measurement. Using the AttributedString API and the transformingAttributes... og:url: https://daily.dev/posts/styling-measurement-unit-fonts-in-swiftui-ma1wfmhyn og:image: https://api.daily.dev/og/posts/MA1wfmhYN.png og:image:alt: Styling measurement unit fonts in SwiftUI og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Styling measurement unit fonts in SwiftUI **[Nil Coalescing](https://daily.dev/sources/nilcoalescing)** · 2 min read · 0 upvotes · 0 comments ## Summary SwiftUI's Text view applies the same font to both the value and unit of a formatted measurement. Using the AttributedString API and the transformingAttributes method, you can build a reusable Text initializer that targets only the unit component and applies a distinct font. The approach lets you style the measurement value with standard text modifiers while keeping the unit visually subdued, and you can use the narrow width format to fix spacing issues when the unit font is smaller than the value font. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#ios](https://daily.dev/tags/ios), [#swift](https://daily.dev/tags/swift), [#swiftui](https://daily.dev/tags/swiftui) [View this post on daily.dev](https://daily.dev/posts/styling-measurement-unit-fonts-in-swiftui-ma1wfmhyn) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Styling measurement unit fonts in SwiftUI","url":"https://daily.dev/posts/styling-measurement-unit-fonts-in-swiftui-ma1wfmhyn","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/styling-measurement-unit-fonts-in-swiftui-ma1wfmhyn"},"datePublished":"2026-08-02T07:15:16.127Z","dateModified":"2026-08-02T07:36:29.945Z","description":"SwiftUI's Text view applies the same font to both the value and unit of a formatted measurement. Using the AttributedString API and the transformingAttributes...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2f5619ae358734726af55e5ede5761d7?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2f5619ae358734726af55e5ede5761d7?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Nil Coalescing","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Nil Coalescing","logo":"https://media.daily.dev/image/upload/s--rcEu6sag--/f_auto,q_auto/v1785654899/logos/nilcoalescing?_a=BAMAMicg0","url":"https://daily.dev/sources/nilcoalescing"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/styling-measurement-unit-fonts-in-swiftui-ma1wfmhyn","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ios,swift,swiftui","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Nil Coalescing","item":"https://daily.dev/sources/nilcoalescing"},{"@type":"ListItem","position":3,"name":"Styling measurement unit fonts in SwiftUI"}]} ```