css/css-fonts/standard-font-family-2.html

<!DOCTYPE html>
<html>
<head>
<link rel="author" title="Myles C. Maxfield" href="mailto:mmaxfield@apple.com"/>
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#standard-font-families"/>
<link rel="match" href="standard-font-family-2-ref.html"/>
<meta name="assert" content="Bold versions of standard fonts work"/>
</head>
<body>
This test makes sure that the bold versions of the design system UI fonts work. The test passes if all the text below is bold.
<div>
<div style="display: inline-block; font: bold 72px 'ui-serif'; font-synthesis: none;">HeJllo</div>
<div style="display: inline-block; font: bold 72px 'ui-monospaced'; font-synthesis: none;">HeJllo</div>
<div style="display: inline-block; font: bold 72px 'ui-rounded'; font-synthesis: none;">HeJllo</div>
<div style="display: inline-block; font: bold 72px '.AppleSystemUIFontSerif'; font-synthesis: none;">HeJllo</div>
<div style="display: inline-block; font: bold 72px '.SF NS Mono'; font-synthesis: none;">HeJllo</div>
<div style="display: inline-block; font: bold 72px '.SF UI Mono'; font-synthesis: none;">HeJllo</div>
<div style="display: inline-block; font: bold 72px '.AppleSystemUIFontRounded'; font-synthesis: none;">HeJllo</div>
<div style="display: inline-block; font: bold 72px '.AppleSystemUIFont'; font-synthesis: none;">HeJllo</div>
</div>
</body>
</html>