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

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

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

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

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

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

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

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

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

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

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

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

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

延伸閱讀:

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

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

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

WhatFont:即時顯示別人網頁使用的字型、段落資訊本文同步刊載於>>
密技偷偷報 No.57

作者╱PCuSER研究室

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

WhatFont:即時顯示別人網頁使用的字型、段落資訊
WhatFont:即時顯示別人網頁使用的字型、段落資訊歡迎加入PCuSER密技爆料粉絲團

PCuSER
作者

使用 Facebook 留言
發表回應
謹慎發言,尊重彼此。按此展開留言規則