WhatFont:即時顯示別人網頁使用的字型、段落資訊

标签: whatfont 段落 | 发表时间:2011-10-11 17:41 | 作者:PCuSER Amo
出处:http://www.techbang.com.tw/
對於網頁設計初學者而言,參考成功的網站樣式也能從中獲得不少啟發,尤其是字體樣式、大小及行距等眉眉角角的地方,往往是網頁看起來舒適與否的關鍵。這些資訊當然可以直接開啟網頁原始檔進行判讀,不過這裡介紹一個更方便的工具 WhatFont,不必再去看落落長的原始碼啦!

步驟1.
現在的網頁原始碼不像以往那麼單純,要在裡頭檢視資訊的話,真的是要人命。

步驟2.
開啟Google瀏覽器,連至「http://goo.gl/SHJWD」,並在頁面上按下〔安裝〕。

步驟3.
安裝完成後,會在擴充功能區找到WhatFont圖示,連至任一網頁,然後按下該圖示。

步驟4.
此時將游標移動至頁面上任一文字處,會立即出現一個小小的浮動視窗,並在浮動視窗上顯示該文字的字型。

步驟5.
按下滑鼠左鍵,還會出現更詳細的字體樣式、寬高比例、字體大小及行距等資訊,按下鍵盤上的〔Esc〕即可脫離查詢模式。

延伸閱讀:

超過10萬人說讚的「臉書爛按鈕」

Sticky Notes 把 Chrome 瀏覽器當便利貼用

一鍵停用、恢復所有 Chrome 擴充功能

 

本文同步刊載於>>
密技偷偷報 No.57

作者╱PCuSER研究室

終極強化!飆出Win 7效能極速!
想知道還有哪些厲害的技巧,就等你來探索!


歡迎加入PCuSER密技爆料粉絲團

加入T客邦Facebook粉絲團

相关 [whatfont 段落] 推荐:

WhatFont:即時顯示別人網頁使用的字型、段落資訊

- Amo - T客邦
對於網頁設計初學者而言,參考成功的網站樣式也能從中獲得不少啟發,尤其是字體樣式、大小及行距等眉眉角角的地方,往往是網頁看起來舒適與否的關鍵. 這些資訊當然可以直接開啟網頁原始檔進行判讀,不過這裡介紹一個更方便的工具 WhatFont,不必再去看落落長的原始碼啦. 下載網址:http://goo.gl/SHJWD.

网页射妓湿必备字体快速查看扩展:WhatFont

- 孙想钱 - Chrome迷
WhatFont 可以让你以最简单的方法了解到网页上所使用的字体,比神马Firebug、Chrome Developer Tools 都要简单,你只需要点击一下扩展按钮,然后把鼠标指向网页上的文字上就可以了,文字所使用的字体就会自动显示出来,如果再在文字上点击一下,就会看到改文字字体相关的详细内容,包括字号、行高等等.