<body>
    <div style="font-family: -webkit-system-font; font-size: 24px">This is a test for -webkit-system-font</div>
    <div style="font-family: -apple-system; font-size: 24px">This is a test for -apple-system. It should be the same as the line above.</div>
    <div style="font: 30.0px -webkit-system-font">This is a test for -webkit-system-font, using the 'font' property</div>
    <div style="font: 30px -apple-system">This is a test for -apple-system, using the 'font' property</div>
    <div style="font: 30px system-ui">This is a test for system-ui, using the 'font' property</div>
    <div style="font-family: -webkit-system-font; font-size: 24px"><b>This is a test for -webkit-system-font in bold form</b></div>
    <div style="font-family: -webkit-system-font; font-size: 24px"><i>This is a test for -webkit-system-font in italic form</i></div>
    <div style="font-family: -webkit-system-font; font-size: 30px">This is a test for -webkit-system-font at size 30px</div>
    <div style="font-family: -webkit-system-font; font-size: 36px">This is a test for -webkit-system-font at size 36px</div>
    <div style="font-family: -webkit-system-font; font-size: 42px">This is a test for -webkit-system-font at size 42px</div>
    <div style="font-family: -webkit-system-font; font-size: 48px">This is a test for -webkit-system-font at size 48px</div>
    <div style="font-family: -webkit-system-font; font-size: 54px">This is a test for -webkit-system-font at size 54px</div>
    <div style="font-family: -webkit-system-font; font-size: 60px">This is a test for -webkit-system-font at size 60px</div>
    <div style="font-family: -webkit-system-font; font-size: 66px">This is a test for -webkit-system-font at size 66px</div>
    <div style="font-family: -webkit-system-font; font-size: 72px">This is a test for -webkit-system-font at size 72px</div>
</body>
