Status: PASS | Duration: 11ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/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>
/css/css-fonts/standard-font-family-2-ref.html
<!DOCTYPE html> <html> <head> <link rel="author" title="Myles C. Maxfield" href="mailto:mmaxfield@apple.com"/> </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';">HeJllo</div> <div style="display: inline-block; font: bold 72px 'ui-monospaced';">HeJllo</div> <div style="display: inline-block; font: bold 72px 'ui-rounded';">HeJllo</div> <div style="display: inline-block; font: bold 72px '.AppleSystemUIFontSerif';">HeJllo</div> <div style="display: inline-block; font: bold 72px '.SF NS Mono';">HeJllo</div> <div style="display: inline-block; font: bold 72px '.SF UI Mono';">HeJllo</div> <div style="display: inline-block; font: bold 72px '.AppleSystemUIFontRounded';">HeJllo</div> <div style="display: inline-block; font: bold 72px '.AppleSystemUIFont';">HeJllo</div> </div> </body> </html>