本文介紹的「字型搜尋器與樣式偵測器」，是一款對於經常與文字、視覺設計打交道的專業人士來說，可以準確辨識網頁上的字型與樣式。不論是汲取靈感、分析競品設計，或是單純好奇某個網站為何如此賞心悅目，這款好用的工具都能讓你工作事半功倍 :
( 圖片來源 : AI )
字型搜尋器與樣式偵測器 下載
字型搜尋器與樣式偵測器是 Chrome 的一套小工具，使用上完全免費，不用擔心會被收費的問題。另外，在離線模式下也一樣能夠使用，是說你都要在網頁上查字體了，沒連線似乎也怪怪的 :
加到 Chrome 後，會跳出一個新的設置頁面，可直接按保存設定 :
字型搜尋器與樣式偵測器 使用方式
安裝完之後，接下來就實際來測試看看如何使用 :
在 Chrome 插件裡找到字型搜尋器與樣式偵測器，並點擊 :
接著右邊就會跳出字型搜尋器與樣式偵測器的視窗，這時只要將滑鼠移到你想辨識字體的位置上，右邊的視窗就會顯示目前網站上所使用的字體、間距、顏色。像目前我們網站所使用的主標題文字就是 Noto Sans TC ( 思源黑體 ) 這個字型，其間距、顏色、顯示都很清楚地將數值列出 :
內文文字也是一樣能清楚辨識，而且他是直接針對該文字去塊辨識，使用者只要將滑鼠移過去，不需要自己拉範圍文字就能辨識。只不過右邊的辨識內容並不能直接複製，只要滑鼠移過去就會當作在辨識新的文字區塊，建議直接用截圖的方式記住資訊 :
字型搜尋器與樣式偵測器幾乎所有的網站都能辨識文字資訊，像我們常看的 YouTube 也一樣是可以獲得網站上的文字資訊 :
「字型搜尋器與樣式偵測器」是一款強大又實用的 Chrome 擴充功能。它不僅完全免費，安裝與使用方式也十分簡便。這款工具能在你瀏覽網頁時，即時且精準地偵測出滑鼠所指的文字區塊，詳細列出其所使用的字型名稱、字體大小、行距、顏色等所有樣式資訊。
這意味著，你不再需要憑空猜測或手動檢視網頁原始碼，只需輕輕一滑，就能輕鬆掌握設計細節。無論你想參考主流網站的設計風格，或是在缺乏靈感時尋求啟發，這款工具都能成為你的得力助手。它不僅能有效提升你的工作效率，更能幫助你深入了解網頁設計的精髓，讓你的作品更具專業質感與個人風格 :
