blob: 80328e417d9eca78fc75cc2c5c6603b4507df000 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SystemFont</title>
<style type="text/css">
p.system-font { font-family: -webkit-system-font }
p.system-ui { font-family: -webkit-system-ui }
</style>
</head>
<body>
<p class="system-font">System font</p>
<p class="system-font"><i>Italic system font</i></p>
<p class="system-font"><b>Bold system font</b></p>
<p class="system-font"><i><b>Bold italic system font</b></i></p>
<p class="system-ui">System font</p>
<p class="system-ui"><i>Italic system font</i></p>
<p class="system-ui"><b>Bold system font</b></p>
<p class="system-ui"><i><b>Bold italic system font</b></i></p>
<p class="system-font" style="font-size: 24px">System font</p>
<p class="system-font" style="font-size: 12pt"><i>Italic system font</i></p>
<p class="system-font" style="font-size: small"><b>Bold system font</b></p>
<p class="system-font" style="font-size: 2em"><i><b>Bold italic system font</b></i></p>
</body>
</html>