title: Preview of Apple system font sizes (e.g. body, callout, caption, etc.)?
body: <p>When choosing a font for <code>Text</code>, for example, we can change the font size using:</p>
  <pre><code>Text(&quot;Hello world&quot;).font(.system(.body))
  </code></pre>
  <p>In this case, body is a <code>Font.TextStyle</code> with the following options:</p>
  <pre><code>        case largeTitle
  
          case title
  
          case headline
  
          case subheadline
  
          case body
  
          case callout
  
          case footnote
  
          case caption
  </code></pre>
  <p>When deciding which font to choose for a component, I'd like to get an idea of what the font looks like. I found <a href="https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/" rel="nofollow noreferrer">this Apple page</a> which details the specs for some fonts:</p>
  <blockquote>
  <p><a href="https://i.stack.imgur.com/bCGet.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bCGet.png" alt="enter image description here" /></a></p>
  </blockquote>
  <p>However, these don't match up 1:1 with Font.TextStyle, and they don't include a preview. Is there anywhere with a preview of these sizes for some of the more common dynamic type sizes (e.g. xSmall, xxxLarge)?</p>