han-css
Version:
The CSS typography framework optimised for Hanzi
88 lines (80 loc) • 2.51 kB
text/jade
doctype html
html(lang='zh-Hant').han-init
head
meta(charset='utf-8')
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;
}
meta(name='viewport' content='width=device-width, initial-scale=1.0')
meta(name='description' content='印刷品般的漢字網頁排版框架')
meta(name='keywords' content='漢字標準格式, 中文, 排版, 排版規範, 日文, 字體排印, 文字設計, CLReq, CSS, Sass, typography')
body.test
article
h1 測試·西文意大利體
h2 無襯線
p(style='font-family: "Latin Italic Sans";')
| The quick brown fox jumps over a lazy dog.
br
| 0123456789 !§%&/()=?
br
| äöüß æÆ œŒ åÅ øØ çÇ ñÑ
br
| ff fl ffl fi ffi st sst
br
| abcdefghijklmnopqrstuvwxyz
br
| ABCDEFGHIJKLMNOPQRSTUVWXYZ
p.bold(style='font-family: "Latin Italic Sans";')
| The quick brown fox jumps over a lazy dog.
br
| 0123456789 !§%&/()=?
br
| äöüß æÆ œŒ åÅ øØ çÇ ñÑ
br
| ff fl ffl fi ffi st sst
br
| abcdefghijklmnopqrstuvwxyz
br
| ABCDEFGHIJKLMNOPQRSTUVWXYZ
h2 襯線
p(style='font-family: "Numeral LF Italic Serif", "Latin Italic Serif";')
| The quick brown fox jumps over a lazy dog.
br
| 0123456789 !§%&/()=?
br
| äöüß æÆ œŒ åÅ øØ çÇ ñÑ
br
| ff fl ffl fi ffi st sst
br
| abcdefghijklmnopqrstuvwxyz
br
| ABCDEFGHIJKLMNOPQRSTUVWXYZ
p.bold(style='font-family: "Numeral LF Italic Serif", "Latin Italic Serif";')
| The quick brown fox jumps over a lazy dog.
br
| 0123456789 !§%&/()=?
br
| äöüß æÆ œŒ åÅ øØ çÇ ñÑ
br
| ff fl ffl fi ffi st sst
br
| abcdefghijklmnopqrstuvwxyz
br
| ABCDEFGHIJKLMNOPQRSTUVWXYZ
script(src='./han.min.js')