設計師必備! FontFace ninja 快速找出網頁使用的字型名稱、下載以及購買位置

對於設計師來說,上網時如果看到某網站使用的字體非常漂亮、很喜歡,一定會想知道它到底是用哪一個字型,針對這部分,國外就有團隊開發出一個非常便利的 Chrome 擴充外掛: FontFace ninja ,它會自動掃瞄此網站所使用的所有字型,當滑鼠移到某字句上方時,就會立刻告訴你是哪一個字型,甚至連去哪裡買、下載都有。

FontFace ninja

FontFace ninja 介紹

點我至 FontFace ninja 的 Chrome 擴充外掛安裝頁面後,點選右上方的 ”+ 加到 Chrome“ :
02

選擇右側 “新增擴充功能”:
03

等到右上方出現忍者的功能圖示後,就代表安裝完成,可以開始使用了:
04

緊接著會有三張圖的使用介紹,有興趣的讀者可以看看。另外雖然目前只有英文介面,但使用很簡單,所以不用太擔心:
05

進入你想要查詢的網站後,按一下 FontFace ninja 的功能圖示,就會自動開始掃描這網站頁面所使用的所有字型,並顯示於視窗中。而當滑鼠移到某字句內容時,不僅會具體告訴你是用哪一個字型,連字體大小、高度、間距以及顏色代碼都一清二楚:
06

選擇任何一個你有興趣的字體後,會進入試用預覽功能,輸入你想使用的句子看看套用這字型會變怎樣:
08

另外下方還有簡易的字體大小、字與字之間的間距功能可以調整:
09

絕大多數的字型這套都能找出哪裡購買以及下載位置,知道的金額也會直接於右側顯示:
10

點選後就會快速開啟購買或下載網頁:
11

不過畢竟是外國人開發的擴充外掛,如果搜尋的是中文字型,字型名稱還是會顯示英文,因此確切中文名字是什麼,就需要自行 Google 搜尋一下,另外絕大多數中文字型這套也找不到下載以及購買位置。

補充資料

FontFace ninja 下載網址:https://chrome.google.com/webstore/detail/fontface-ninja/eljapbgkmlngdpckoiiibecpemleclhh

您也許會喜歡:

【隱藏好康】4G吃到飽只要$288 還可以自由配!?