1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. [外掛] WhatFont一鍵快速顯示網頁中的文字樣式設定參數

[外掛] WhatFont一鍵快速顯示網頁中的文字樣式設定參數

2018/04/19

梅問題-[外掛] WhatFont一錄快速顯示網頁中的文字樣式設定參數

  雖然說網頁中的字型就是那101種,不是新細明體就是中黑體,除此之外還有九種不同的粗細變化可使用,以及字距和行高可作調整,透過這些的調整,可讓文字閱讀起來更加的舒服,雖然說這些設定,可透過Chrome內建的開發人員工具,也可查詢的到,但若網頁的文字設定是比較分散時,就得從好幾個地方,將相關的設定,自行的組合起來後,才會知道該文字的設定值。


  因此最近梅干發現一個相當好用的工具,可以快速的查詢網頁中的文字樣式,除了可以了解所使用的文字字型外,還會顯示文字的大小、色彩、行高與粗細,同時會彙整在同一個面板中,透過這個面板,立即就可知道,該網頁的文字設定,如此一來就能快速的顯示,因此身為網頁設計師的你,也趕快來安裝一下囉!


WhatFont

外掛名稱:WhatFont
適用平台:Chrome
外掛連結:Chrome商店

Step1
當進入WhatFont的外掛頁面後,選將外掛新增鈕,將外掛安裝到自己的瀏覽器中。
梅問題-[外掛] WhatFont一錄快速顯示網頁中的文字樣式設定參數


Step2
當安裝完畢後,網址後方會出現一個f的圖示,當要查詢時,只需點一下該圖示。
梅問題-[外掛] WhatFont一錄快速顯示網頁中的文字樣式設定參數


Step3
再滑到要查詢的文字上方,這時會快速的顯示,目前該網頁所使用的字型。
梅問題-[外掛] WhatFont一錄快速顯示網頁中的文字樣式設定參數


Step4
當點一下滑鼠左鍵,立即就會出現完整的文字設定,包含字體、字級、行高、粗細以及色彩,透過這面板,就可快速的了解,網頁中的文字設定樣式,因此下回當看到不錯的文字編排時,就可透過這工具來作查詢囉!
梅問題-[外掛] WhatFont一錄快速顯示網頁中的文字樣式設定參數