han-css
Version:
The CSS typography framework optimised for Hanzi
20 lines (16 loc) • 1.7 kB
HTML
<html lang="zh-Hant" class="han-init"><head><meta charset="utf-8"><title>測試・數字 — 漢字標準格式</title><link rel="stylesheet" href="./han.min.css"><style>html {
overflow-x: hidden;
}
article {
/* position */
margin: 0 auto;
/* box */
max-width: 35em;
padding: 0 .5em 15em;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}</style><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="印刷品般的漢字網頁排版框架"><meta name="keywords" content="漢字標準格式, 中文, 排版, 排版規範, 日文, 字體排印, 文字設計, CLReq, CSS, Sass, typography"></head><body class="test"><article><h1>測試·數字</h1><h2>等高數字</h2><h3>無襯線</h3><p style="font-family: "Numeral LF Sans";">1234567890<br><span class="italic">1234567890</span><br><span class="bold">1234567890</span><br><span class="bold italic">1234567890</span></p><h3>襯線</h3><p style="font-family: "Numeral LF Serif";">1234567890<br><span class="italic">1234567890</span><br><span class="bold">1234567890</span><br><span class="bold italic">1234567890</span></p><h2>文本數字</h2><h3>無襯線</h3><p style="font-family: "Numeral TF Sans";">1234567890<br><span class="italic">1234567890</span><br><span class="bold">1234567890</span><br><span class="bold italic">1234567890</span></p><h3>襯線</h3><p style="font-family: "Numeral TF Serif";">1234567890<br><span class="italic">1234567890</span><br><span class="bold">1234567890</span><br><span class="bold italic">1234567890</span></p></article><script src="./han.min.js"></script></body></html>