網頁字型/字體分析工具「WhatFont」(Chrome) - 硬是要學
首頁 » Chrome, 網路相關» 網頁字型/字體分析工具「WhatFont」(Chrome)
Werboy 發表於

網頁字型/字體分析工具「WhatFont」(Chrome)

文/Werboy

看到別人網頁用的字型很特別,但卻不知道究竟是什麼字型嗎?對於專業的人來說,直接透過網頁的 CSS 樣式表就能得知,不過在怎麼快還是沒有「WhatFont」來得好用。

WhatFont」一款 Chrome 的網頁字型分析工具,啟動後將滑鼠游標移到網頁文字上就能立刻看到該文字所使用的字型和樣式,不用大費周章的看CSS,只要一個 move(動滑鼠)就能自動分析,而且還能同時查看多個不同文字樣式的資訊,可說是網頁設計必備的工具唷!

套件名稱:WhatFont
安裝頁面:點這安裝 WhatFont

WhatFont 安裝方式

進入套件安裝畫面後按下「加到 Chrome」即可安裝。

網頁字型/字體分析工具「WhatFont」(Chrome) _wahtfont-01

WhatFont 使用方式

安裝完成後在瀏覽器右上角會看到「WhatFont 」的按鈕,要分析網站使用的字型時按下按鈕就能啟動分析功能。

網頁字型/字體分析工具「WhatFont」(Chrome) _wahtfont-02

啟動功能之後,只要把滑鼠游標移到文字上就會出現該文字使用的字型,在文字或連結上點一下滑鼠左鍵會跳出一個固定視窗,裡面除了顯示文字的字體和樣式外,還有字體大小、字型預覽、顏色色碼…等等。

※ 啟動 WhatFont 時,頁面上的連結會自動失效,若要查看連結文字的完整樣式可以放心的點下去。

網頁字型/字體分析工具「WhatFont」(Chrome) _wahtfont-03

可以一次查看多個文字樣式資訊。

網頁字型/字體分析工具「WhatFont」(Chrome) _wahtfont-04

關閉 WhatFont

按下網頁右上角的「Exit WhatFont」就可以把字型分析功能關閉,回到一般瀏覽模式。

網頁字型/字體分析工具「WhatFont」(Chrome) _wahtfont-05

關於

3C科技部落客,硬是要學共同創辦人,台灣部落客社群(TBC)共同發起人。熱愛發掘、體驗及分享各類科技產品。

Email:werboy@soft4fun.net

Facebook 網友留言

站內留言

有 1 個討論 »

  • chichi 說:

    感謝分享這個好工具,但有一疑問,為什麼安裝之後,在某些網頁上是無法啟動呢?
    比方說在貴站上使用WhatFont是不起作用的,虛心求教,謝謝!

留言還缺你一個哦!

支援Gravatar,你可以在不同的地方顯示同樣的大頭貼圖片,還沒有嗎? 快去申請一個吧!.

你可以使用這些標籤:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

您的留言將會在審核後顯示在頁面上,請別重複留言唷!!

[X]
取得更多 3C 新玩意和優惠資訊,立刻加入粉絲團!
關閉

Close