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

　　使用方式

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

　　收藏欄上會出現(xiàn)一個名為“WhatFont”的按鈕。

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

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

　　點(diǎn)擊ESC鍵可以關(guān)閉“WhatFont”。是不是很方便?

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

【編輯推薦】

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