[教學]查詢網站字體外掛@免下載軟體偵測網頁字型樣式

看到網站字型很漂亮想要下載使用,不知道這個網頁是什麼字體,可以下載 Chrome 外掛套件「What Font」,支援查詢字型樣式、文字粗細大小、行高間距、顏色等等。或是免安裝軟體最快方式,就是開啟網頁按滑鼠右鍵的開發人員工具,找到「Style」欄位就能找到文字資訊。『教你查詢網站字型樣式』免費偵測網頁字體 Website Font Check。

[教學]查詢網站字體外掛@免下載軟體偵測網頁字型樣式

[教學]查詢網站字體外掛@免下載軟體偵測網頁字型樣式

有時候看到某些網站字體,會覺得很有設計感想要知道這個網頁字型是甚麼,可以使用 Chrome 瀏覽器外掛或是開發人員工具檢查字體。

 

找到該網頁用的字體後,要注意到版權問題是否可商業用,沒有字形侵權問題才能用得安心。

 

 

[教學]查詢網站字體外掛@免下載軟體偵測網頁字型樣式

要查詢某網站使用的字體樣式、字型大小,最快的方法就是下載免費 Chrome 套件「What Font」。安裝好後,在瀏覽器上方工具列釘選 What Font 外掛。

 

按下 WhatFont 按鈕開啟字體偵測模式,將滑鼠游標移到字體上方,就會出現所有文字訊息,包含字體、字型樣式(Style)、字體粗細(Weight)、字型大小(Size)、行高(Line Height)、字體顏色(Color)。

 

 

[教學]查詢網站字體外掛@免下載軟體偵測網頁字型樣式

還有一個完全不需要下載軟體,每個瀏覽器都能夠透過「開發人員工具」查看網站字體,選取一段文字按下「滑鼠右鍵>檢查>開啟開發人員工具」。

 

這時會出現一堆的程式碼,在「Style」欄位中的「font-family(字型)」、「font-size(字體大小)」、「font-weight(字體粗細)」。

 

 

使用「What font is」以圖搜尋字型

加入「FUNTOP粉絲團」,查詢更多懶人包資訊

IG相關

FB相關

LINE相關

Youtuber相關

GOOGLE相關

臉書留言

一般留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *