網頁設計教學：【概念篇】台灣網頁常用的字型
選擇合適的網站字型可以為網站加分，我們針對台灣字型進行分析研究，發現台灣TOP 10網站中，最常使用的是Arial字型，其次是微軟正黑體；而在台灣TOP10購物網站中，優先使用字型也是Arial字型，其次是helvetica。可見Arial字型是最常使用的字型。而在字級部分，除了特別的字體會用到3~40px字級較大字體，或20px左右，最小字體不會低於12px。也有研究指出12級字體大小是最好閱讀的字級，所以網站字級盡量不要小於12級字體。
台灣TOP 10網站(截至2014/12/1)：
1. Yahoo!奇摩
使用字型：Arial
最大字級:15px
最小字級:12px
2. PIXNET
使用字型：微軟正黑體
最大字級:16px
最小字級:12px
3. Google
使用字型：Arial
最大字級:16px
最小字級:12px
4. ETtoday
使用字型：Verdana
最大字級:15px
最小字級:13px
5. Life 生活網
使用字型：Arial、微軟正黑體
最大字級:19px
最小字級:12px
6. Giga Circle
使用字型：微軟正黑體、Roboto
最大字級:25px
最小字級:12px
7. Xuite
使用字型：微軟正黑體、Arial、Trebuchet MS’
最大字級:19px
最小字級:12px
8. Mobile01
使用字型：Helvetica
最大字級:16px
最小字級:12px
9. 聯合報
使用字型：Arial、黑體
最大字級:30px
最小字級:12px
10. 中時電子報
使用字型：Verdana、微軟雅黑體
最大字級:48px
最小字級:12px
優先使用字型排行：
-
- Arial
- 微軟正黑體
- Verdana
- Roboto、Helvetica、黑體
台灣TOP 10 購物網站(截至2014/12/1)
1. 富邦購物網
使用字型：新細明體、Helvetica
最大字級:16
最小字級:12
2. 博客來
使用字型：Arial
最大字級:15
最小字級:12
3. GOMAJI
使用字型：’Helvetica Neue’
最大字級:20
最小字級:12
4. OB design
使用字型：Helvetica、Arial、微軟正黑體
最大字級:20
最小字級:12
5. GoHappy
使用字型：Verdana、Arial
最大字級:16
最小字級:12
6. 生活市集
使用字型：微軟正黑體
最大字級:29
最小字級:12
7. 燦坤
使用字型：Arial
最大字級:20
最小字級:12
8. 金石堂
使用字型：Verdana
最大字級:15
最小字級:12
9. ASAP閃電購物網
使用字型：Arial
最大字級:18
最小字級:12
10. 東森購物
使用字型：Arial
最大字級:15
最小字級:12
優先使用字型排行：
- Arial
- Helvetica
- Verdana、微軟正黑體
- 新細明體
根據以上調查，我們建議未來選擇網頁字型，如以使用者閱讀為主的網站，可使用大眾字型如黑體、Arial與新細明體；如想塑造設計感或符合網站視覺風格的網頁，則可以考慮遷入字型，每種字型所營造的氛圍不同，因此挑選的字型要能符合整體的設計。
以上就是我們針對字型的分享，希望能幫助各位順利選擇合適的字型，若有相關問題歡迎聯絡我們！
參考資料：
我要留言