Basic fonts properties example

W3C CSS Fonts Module Level 3(working draft) 중에서 기본 속성들과 값에 대한 예제 코드입니다.

generic font family

font weight

가나다 abc 123 ?!,~# (100)

가나다 abc 123 ?!,~# (200)

가나다 abc 123 ?!,~# (300)

가나다 abc 123 ?!,~# (400)

가나다 abc 123 ?!,~# (500)

가나다 abc 123 ?!,~# (600)

가나다 abc 123 ?!,~# (700)

가나다 abc 123 ?!,~# (800)

가나다 abc 123 ?!,~# (900)

가나다 abc 123 ?!,~# (normal)

가나다 abc 123 ?!,~# (bold)

가나다 abc 123 ?!,~# (bolder)

가나다 abc 123 ?!,~# (lighter)

font stretch

가나다 abc 123 ?!,~# (Ultra Condensed)

가나다 abc 123 ?!,~# (Extra Condensed)

가나다 abc 123 ?!,~# (Condensed)

가나다 abc 123 ?!,~# (Semi Condensed)

가나다 abc 123 ?!,~# (Normal)

가나다 abc 123 ?!,~# (Semi Expanded)

가나다 abc 123 ?!,~# (Expanded)

가나다 abc 123 ?!,~# (Extra Expanded)

가나다 abc 123 ?!,~# (Ultra Expanded)

font style

가나다 abc 123 ?!,~# (normal)

가나다 abc 123 ?!,~# (italic)

가나다 abc 123 ?!,~# (oblique)

font size

가나다 abc 123 ?!,~# (xx-small)

가나다 abc 123 ?!,~# (x-small)

가나다 abc 123 ?!,~# (small)

가나다 abc 123 ?!,~# (medium)

가나다 abc 123 ?!,~# (large)

가나다 abc 123 ?!,~# (x-large)

가나다 abc 123 ?!,~# (xx-large)

가나다 abc 123 ?!,~# (larger)

가나다 abc 123 ?!,~# (smaller)

가나다 abc 123 ?!,~# (8px)

가나다 abc 123 ?!,~# (10px)

가나다 abc 123 ?!,~# (13px)

가나다 abc 123 ?!,~# (16px)

가나다 abc 123 ?!,~# (18px)

가나다 abc 123 ?!,~# (24px)

가나다 abc 123 ?!,~# (32px)

가나다 abc 123 ?!,~# (75%)

가나다 abc 123 ?!,~# (100%)

가나다 abc 123 ?!,~# (150%)

가나다 abc 123 ?!,~# (0.75em)

가나다 abc 123 ?!,~# (1em)

가나다 abc 123 ?!,~# (1.5em)

font size adjust

가나다 abc 123 ?!,~# (0.1)

가나다 abc 123 ?!,~# (0.5)

가나다 abc 123 ?!,~# (0.9)

font synthesis

bold: 가나다 abc 123 | italic: 가나다 abc 123 (weight)

bold: 가나다 abc 123 | italic: 가나다 abc 123 (style)

bold: 가나다 abc 123 | italic: 가나다 abc 123 (none)