《眾妙之門(網頁排版設計制勝秘訣)》由德國Smashing雜志著，SMASHING MAGAZINE網站的精選文章合輯，旨在幫助讀者提升網頁版式設計水平。內容囊括了字體抗鋸齒技術，網頁排版的原則，網頁字體的設置技巧，CSS字體堆棧指南，CSS3的新特性，網頁字體服務**以及排版工具介紹等等。還在為網頁排版苦惱嗎？想設計出別具一格無以倫比的網頁嗎？想了解基本的網頁編程知識嗎？想成為設計與開發的雙面手嗎？本書將你是的*佳選擇。

《眾妙之門(網頁排版設計制勝秘訣)》由德國 Smashing雜志著，是Smashing Magazine網站的精選 文章合輯，旨在幫助讀者提升網頁版式設計水平。《 眾妙之門(網頁排版設計制勝秘訣)》囊括了字體抗鋸 齒技術，網頁排版的原則，網頁字體的設置技巧， CSS字體堆棧指南，CSS3的新特性，網頁字體服務推 薦以及排版工具介紹，等等。 還在為網頁排版苦惱嗎？想設計出別具一格無與 倫比的網頁嗎？想了解基本的網頁編程知識嗎？想成 為設計與開發的雙面手嗎？《眾妙之門(網頁排版設 計制勝秘訣)》將是你的最佳選擇。

第1章 字體抗鋸齒技術 1
1.1 技術 3
1.2 輸入 6
1.3 輸出 12
1.4 總結 17

第2章 提高網頁版式可讀性的10項原則 19
2.1 專業術語及其內涵 20
2.2 影響版式可讀性的10項原則 23
2.3 賦予版式風格的各種效果 28

第3章 設置網頁字體的5項原則和方法 31
3.1 繫統地進行網頁版式設計 32
3.2 利用信息層級 34
3.3 為流暢地瀏覽而設計 36
3.4 展現品牌視覺的同時保持網頁的可讀性 37
3.5 將文字看作用戶界面 40
3.6 網頁版式**教程 41
3.7 總結 44

第4章 源自瑞士風格平面設計的經驗教訓 45
4.1 如何將瑞士風格應用到網頁設計上 47
4.2 留白：讓文字呼吸 49
4.3 網格繫統 49
4.4 網格的內涵 50
4.5 輸入自定義列表 53
4.6 關於元素 53
4.7 關於襯線 55
4.8 關於字號 57
4.9 關於照片 58

第5章 提升版式設計的8個簡單技巧 61
5.1 行寬 62
5.2 行高 63
5.3 引號的懸掛式排版 64
5.4 垂直的韻律 65
5.5 結句和起承句 66
5.6 強調 67
5.7 比例 68
5.8 對齊字行 69

第6章 版式設計樣式探究 71
6.1 常見的排版問題 72
6.2 總結 84

第7章 版式設計秘訣：選擇和使用字體的原則 87
7.1 適合纔是*重要的 88
7.2 為字體編組 89
7.3 對比的使用原則：大膽而奔放 95
7.4 少即是多 97
7.5 沒有規則即是規則 102
7.6 總結 102

第8章 學習字體搭配的*佳實踐方法 103
8.1 無襯線字體搭配襯線字體 104
8.2 避免使用同類字體 105
8.3 劃分字體的角色 106
8.4 對比字體粗細 107
8.5 為版式創建豐富的色彩 108
8.6 選擇合適的字體進行搭配 108
8.7 獨特與中性的對比 110
8.8 避免將差異太大的字體進行搭配 111
8.9 字體搭配的“簡”原則——字族兩種就夠 112
8.10 使用不同的字號 113
8.11 總結 114

第9章 CSS字體堆棧設計指南：技巧和資源 115
9.1 創建自己的字體堆棧 116
9.2 常見字體堆棧 117
9.3 工具 120

**0章 CSS3的版式設計潛能 123
10.1 關於基礎知識 124
10.2 字體屬性 124
10.3 其他字體屬性 125
10.4 關於留白、換行符和文本繞排 125
10.5 單詞間距和字母間距 127
10.6 縮進和標點懸掛 128
10.7 網頁字體和字體裝飾 129
10.8 新文本裝飾屬性 132
10.9 溢出控制 133
10.10 對齊和斷字/字符連接 134
10.11 統一碼範圍和語言 135
10.12 總結 136

**1章 經典@Font-Face規則回顧 137
11.1 @font-face——源自20世紀90年代 138
11.2 多虧次像素渲染，字體嵌入再次回歸 139
11.3 字體制造商的關注點 140

**2章 現有的網頁字體格式 143
12.1 True Type 144
12.2 OpenType 144
12.3 EOT 145
12.4 WOFF 146
12.5 SVG 147

**3章 回顧流行的網頁字體嵌入服務 149
13.1 十一種流行的網頁字體服務對比 150
13.2 Font-Face 168
13.3 如何選擇服務 169
13.4 總結 170

**4章 如何在網頁中嵌入字體 171
14.1 字體的取舍 172
14.2 嵌入免費和開源的字體 172
14.3 使用@font-face Kit Generator 173

**5章 網頁排版變通技巧 179
15.1 文字排版 181
15.2 OpenType排版功能 181

**6章 10種有用的字體排版工具 183
16.1 TypeChart——預覽和對比網頁字體 184
16.2 Web Font Specimen——展示字體的網頁顯示效果 184
16.3 Typografix——修復字體 185
16.4 TYPEIT——輕松營造獨特版式 186
16.5 Font Finder——輕松檢測網站元素中的字體 187
16.6 TypeSet——文字自動換行算法 188
16.7 Perfect Typography——網上**行高計算器 189
16.8 EMCHART——一眼找到正確的比例 190
16.9 Em Calculator——使CSS設計*具擴展性，*易實現 191

**7章 術語表 193