平常我們看到精美的網站時，可能很想了解它們的文字使用了哪些字體。WhatFont Bookmarklet可以幫助我們方便的查看網頁中的某段文字是什么字體，是前端開發必備的絕佳工具。

　　使用方式

　　使用Chrome打開http://chengyinliu.com/whatfont.html，將頁面上“WhatFont”按鈕拖拽到Chrome上方的收藏欄。

　　收藏欄上會出現一個名為“WhatFont”的按鈕。

　　打開任意一個頁面，然后點擊收藏欄上的“WhatFont”按鈕。將鼠標放在頁面上的文字上可以實時獲取文字的字體。

　　此時在頁面上點擊可以看到字體的詳細情況，包括font-size，font-weight，line-height等信息。

　　點擊ESC鍵可以關閉“WhatFont”。是不是很方便?

　　原文鏈接：http://blog.csdn.net/hfahe/archive/2011/04/11/6316818.aspx

【編輯推薦】

1. 編寫高質量代碼：Web前端開發修煉之道
2. 1.2.4 前端開發人員如何自身定位
3. 2.1 揭秘前端開發工程師
4. 幾種開發工具的特性比較
5. 幾種開發工具的特性比較（續）