
每天開啟網頁就一直不斷得從網路中吸引各種新知,在這資訊無國界的網路世界裡,人人都可發表自已的文章,所以一天也會瀏覽無數的網頁,但應該會發現到,有些網頁閱讀起來就是特別的舒服,除了版型與配色外,再來就是字級大小、行高、字體…等,以往梅干發現到不錯的網站時,都會利用Chrome的開發人員工具,去查看人家的CSS的設定值,再把別人的優點給納進來,雖然說透過開發人員工具,可讓網頁無所遁形,但只是看個字體樣式要這麼的大費周章,而梅干最近在Chrome的外掛元件中,無意間發現到一個好用外掛工具,直接點一點立即就可得知網頁的字體樣式,就不用再殺雞用牛刀啦!
WhatFont Tool小檔案:
外掛名稱:WhatFont Tool
外掛版本:1.3.2
外掛語言:英文
適用平台:GoogleChrome
安裝網址: https://chrome.google.com/webstore/detail/jabopobgcpjmedljpbcaablpmlmfcogm
外掛版本:1.3.2
外掛語言:英文
適用平台:GoogleChrome
安裝網址: https://chrome.google.com/webstore/detail/jabopobgcpjmedljpbcaablpmlmfcogm
Step1
進入該外掛工具的網站後,點右下角的Install鈕進行安裝。

Step2
當出現Installed後,表示已安裝完成,這時右上角就會出現一f?的圖示。

Step3
之後若發現不錯的網頁時,先點右上角的f?圖示,再對著文字點一下,就會出現文字設定的相關資訊,如:字型、字級大小、行高…等。

Step4
若要關閉時,只要按下鍵盤的ESC鍵就可退出。

這個外掛工具真的蠻方便的,對於從事網頁工作的朋友們,是不可或缺的好工具,這也正是所謂知已知彼百戰百勝,把人家的優點學習起來,排除不好的部分,雖然看似不起眼的文字部分,但如何文字閱讀起來舒服與順暢,更是一門學問。