FONTREACH收錄百萬網站字體使用情況

 　　想知道Facebook、Twitter、Google都在使用哪些字體?想知道目前最流行的網頁字體?一個酷站直接搞定!今天介紹的FontReach不僅可以快速查詢某個網站用的字體，而且還列出了最熱門的網頁字體排行榜(猜猜世界第一是哪個)，幫你把握字體趨勢!

　　網頁字體(Web fonts)發展歷史可以回溯到 CSS2 規范的 @font-face 屬性，這是一種讓網頁字體有更多變化的技術，即使計算機沒有安裝對應的字體檔案，也能透過浏覽器加載讓系統支持更多顯示字符。網頁字體已被大量使用到現今的網絡應用中，例如你平常經常浏覽的 Google、Facebook、Twitter 等網站也都有運用網頁字體。

　　無論你是網頁設計師，或是平常喜歡花時間研究網站相關技術，應該也都知道如何在網頁內加載網頁字體(例如使用 Google Fonts)，但你或許想知道，究竟全世界的網站都選擇使用那一些網頁字體呢?

　　本文要介紹的 FontReach 網站已經幫你把這些數據整理好，讓用戶快速查詢某個字體被用於那一些我們熟悉的網站，只要開啟網頁、輸入要查詢的字體名稱，FontReach 就會把所有數據條列出來。

　　此外，它還可以顯示最熱門的網頁字體排行榜，讓你知道目前最流行的網頁字體選擇!

　　Fontreach

　　網站提供的數據以英文字體為主。若你想要在中文網站上套用中文字體，可以試試看 justfont 或文鼎科技iFontCloud 雲端字體服務。

　　STEP 1

　　開啟 FontReach 網站後，於首頁搜尋框輸入要查詢的字體名稱，例如 Helvetica，輸入時會同時在下面顯示出可能的字體名稱，以及它目前被多少網站使用。

　　STEP 2

　　搜尋 Helvetica Neue 這款很知名的網頁字體，果不其然有超過二十萬個網站使用，在排行榜裡是第三名，其中這份列表會依照網站排名顯示，包括 Facebook、Yahoo、Twitter 和 eBay 等網站都有使用 Helvetica。

　　如果你想深入了解某個網站使用的所有網頁字體，點選網址後，就會立即顯示相關結果，可以看到 Twitter 使用的網頁字體包括：Arial、Helvetica Neue、Sans-serif、Monospace、Georgia、Tahoma 和 Courier New，非常有趣。

　　STEP 3

　　以我的經驗來說，一個好的網頁字體必須要有幾個要件，包括：檔案不能太大、有良好的閱讀性以及可以在標題或內文套用的特定樣式。要如何找到最適切的字體呢?或許可以從字體使用排行榜來找出端倪。

　　開啟 http://www.fontreach.com/#top 即可看到 FontReach 整理的字體排名。

　　FontReach 對於開發者來說確實是個很有價值的參考工具，能讓我們在選擇網頁時有個更為客觀的依據。如果你想知道某個網站使用的字體，但在 FontReach 卻沒有列出，可使用其他類似的查詢工具：

　　Fontface Ninja 一鍵查看網頁使用的字體名稱、大小和行高

　　Type Sample 輕松查詢、辨識網頁使用的字體名稱和大小

　　Stylify Me 快速獲取網站配色、字體等風格信息

　　值得一試的三個理由：

　　快速查詢字體被多少網站使用

　　找出某個網站使用的字體列表

　　網頁字體使用排行榜