<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: "DotAppleSystemUIFontSerif";
    src: local(".AppleSystemUIFontSerif");
}
@font-face {
    font-family: "DotSFNSMono";
    src: local(".SF NS Mono");
}
@font-face {
    font-family: "DotSFUIMono";
    src: local(".SF UI Mono");
}
@font-face {
    font-family: "DotAppleSystemUIFontRounded";
    src: local(".AppleSystemUIFontRounded");
}
</style>
</head>
<body>
This test makes sure that the design system UI fonts don't work unless they are accessed from their correct names. The test passes if all the text below is rendered in Times.
<div>
<div style="display: inline-block; font: 72px 'DotAppleSystemUIFontSerif';">HeJllo</div>
<div style="display: inline-block; font: 72px 'DotSFNSMono';">HeJllo</div>
<div style="display: inline-block; font: 72px 'DotSFUIMono';">HeJllo</div>
<div style="display: inline-block; font: 72px 'DotAppleSystemUIFontRounded';">HeJllo</div>
</div>
</body>
</html>