,

, Typography 2014.12.06 About

, , . (publish) , . : - = HTML , , ?, , Section( ) (), () ()

Article() ,

Header( , )

Footer( , ) : HTML5

=> => => => ., ,

. ?

/ pt vs px1. 1. Serif Sans-Serif !

1. - Serif , . , .

: 1. - Serif

1960 1992

1. Sans-SerifSans Without Sans-Serif Serif

1. , Sans-Serif

19 Sans-Serif

Sans-Serif

: .1. ??? ???1.

3.1

: , 1.

2013

1. - Serif = = , Sans-Serif = = , 1.

2. /2.1 , , , , Times New Roman, Verdana, Arial, Georgia2.1 ?OO / OO // ABCDEFGHIKJLMNOPQRSTUVWXYZ0123456789ABCDEFGHIKJLMNOPQRSTUVWXYZ01234567892.2

()()2.2

+pt , KS 2350 ( )2.2

2.2 ? ?2.2 ?

2.2

2,350 + 8,822 = 11,172 point 2.2

CDN

Rix Rix 2.2

2.2

2.2 ( CDN ) ( ) 2.2 2012 7 woff (woff svg )

woff

: Life is Journey 2.2 DirectWrite 37 GDI DirectWrite . Woff .

: NULI Chrome 37 2.2 DirectWrite? .1985 GDI(Graphics Device interface)

GPU

: 2011 DirectWrite : IE9 (xp DirectWrite IE9 ) : 2014 DirectWrite 3. pt vs px pt px !?3. pt vs pxpt , px ( )3. pt vs pxpt (point)

1pt = 1/12 pica = 1/72 inch = 0.3527mm 72dpi(dots-per-inch)

Apple 72ppi 10pt 10px 3. pt vs pxpt 96dpi(dots-per-inch) 1/3 72dpi

3. pt vs pxpt 4/3 1inch 72px 96px

12pt 16px

96dpi CSS 96dpi 3. pt vs px 1pt pt

pt pt px 9pt = 12px10pt = 13.333px (13px )12pt = 16px14pt = 18.6667px (18px )18pt = 24px24pt = 32px ! ? ? !!