Find out how to work with fonts in SwiftUI, and change the style, size, weight, color, and more of the text shown in the Text view.

If you use the.font() modifier with Text in SwiftUI, you may change its appearance. San Francisco is the iOS default font, and until you alter it, all of your text will have the basic iOS appearance.

To maintain a look that is consistent with iOS&#x27;s default, choose any of **the** many terrific standard fonts.

&#96;&#96;&#96;javascript
Text(&quot;Simple Swift Guide&quot;).font(.largeTitle)
&#96;&#96;&#96;

Title, headline, body, callout, caption, and footnote are all typical places for standard typefaces.

Text in the system&#x27;s default typeface (San Francisco) may be resized as follows:

&#96;&#96;&#96;javascript
Text(&quot;Simple Swift Guide&quot;).font(.system(size: 56.0))
&#96;&#96;&#96;

Altering the font-weight:

&#96;&#96;&#96;javascript
Text(&quot;Simple Swift Guide&quot;).fontWeight(.light)
&#96;&#96;&#96;

Easily modify the system&#x27;s default font along with its size, weight, and style:

&#96;&#96;&#96;javascript
Text(&quot;Simple Swift Guide&quot;).font(.system(size: 45, weight: .bold, design:.default))
&#96;&#96;&#96;

Make the default headline font strong and italic:

&#96;&#96;&#96;javascript
Text(&quot;Simple Swift Guide&quot;).font(.headline).bold().italic()
&#96;&#96;&#96;

Applying the.foregroundColor() modification to a typeface to alter its color:

&#96;&#96;&#96;javascript
Text(&quot;Simple Swift Guide&quot;).font(.callout).foregroundColor(.blue)
&#96;&#96;&#96;

A more difficult topic, this second guide will show you how to implement a custom font family into your iOS app.

To help you quickly identify common typefaces, I&#x27;ve included the following:

 ![](https:&#x2F;&#x2F;firebasestorage.googleapis.com&#x2F;v0&#x2F;b&#x2F;dopebase-9b89b.appspot.com&#x2F;o&#x2F;1.png?alt=media&amp;token=1f7fb821-36cd-4554-9269-c4e70fb638e1)

Changing the Width of the Font in SwiftUI

About

Legal

Products

Resources

Category: