clavitor/design-system/font-test.html

20 lines
800 B
HTML

<!DOCTYPE html>
<html>
<head>
<title>Font Test</title>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Fira+Code:wght@400;500&display=swap" rel="stylesheet">
<style>
body { font-family: system-ui; padding: 40px; }
.test { font-size: 24px; margin: 20px 0; padding: 20px; background: #f5f5f5; }
.jetbrains { font-family: 'JetBrains Mono', monospace; }
.fira { font-family: 'Fira Code', monospace; }
.system { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
</style>
</head>
<body>
<h2>Font Loading Test</h2>
<div class="test jetbrains">JetBrains Mono: $ clavitor deploy</div>
<div class="test fira">Fira Code: $ clavitor deploy</div>
<div class="test system">System Mono: $ clavitor deploy</div>
</body>
</html>