幾個中文排版訣竅,有效改善閱讀體驗
TRANSCRIPT
-
WANDERER
-
!"
-
#
Web
!"
-
"
-
#!
8pt7pt
pmargin1em
Web
-
Internationalization WG
= i18n WG
Accessibility WG
= a10y WG
-
Requirements for Japanese
Text Layout
2008/4/11
-
Requirements for Chinese
Text Layout
2015/7/23
-
Old Good Days 72pt = 1
Classic Mac = 72dpi
-
px
MBP
10.5pt 0.369cm 16.5px
9pt 0.316cm 14px
8pt 0.281cm 12.5px
-
Windows
macOS
Not for all Android
-
*
**
* **
-
*
**
* **
-
*
**
* **
Try Web font
-
*
**
* **
Try Web font
@media only screen and (min-device-pixel-ratio: 2){}
-
&
-
DeutschelandflughafenFrankfurt Hauptbahnhop
DeutschelandflughafenFrankfurt Hauptbahnhop
text-align: justify;
1
2
-
' " (
word-break: break-all;
-
' " (
word-break: break-all;
-
Hyphenation
DeutschelandflughafenFrankfurt Hauptbahnhop
1HTMLzh-TW 2lang 3-webkit-hyphens: auto;
-
Before
After
-
Before
After
-
reset
-
line-height: 1.8margin1.8em
text-indent: 1em/2em;
-
4.4em1.2em1.6em
1.6em