Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
對中文網頁來說，CSS 字型設定一直是個麻煩的問題，想直接載入字型檔案容量太大，拖慢網頁速度、耗費過多流量，通常會使用網頁字型解決，像是 Google Fonts 和 …
字體查詢
閱讀全文Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
360 查字體：查詢電腦裡的字型能否免費商用，避免產生侵權糾紛
如果你還有印象，2018 年微軟字型事件曾鬧得沸沸揚揚，這件事起源於有台灣 YouTuber 表示收到字型開發商的法務通知，告知使用者未經授權使用微軟內建字型（像是…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…
Font Swap 在任何網頁快速更換字體，從 Google Fonts 選擇免費字型一鍵套用（Chrome 擴充功能）
有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀，除了聯絡網站管理者調整，或使用類似 Mercury Reader 工具來開啟閱讀模式，還有其他…
Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新…
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和…
FontReach 收錄百萬網站網頁字型使用情形，列出最熱門字型排名
網頁字型（Web fonts）發展歷史可以回溯到 CSS2 規範的 @font-face 屬性，這是一種讓網頁字體有更多變化的技術，即使電腦沒有安裝對應的字型檔案，也能透過瀏覽…
FontFriend 在網頁上即時測試 Google Fonts 字體效果，網站設計必備工具！
對於網頁設計師來說，字型和排版是影響使用者視覺非常關鍵的因素，要如何選擇一個看起來舒服、適合閱讀的字體就顯得相當重要，之前介紹過一些讓你在打造網頁時…
Type Sample 輕鬆查詢、辨識網頁使用的字體名稱和大小（Chrome 擴充功能）
先前我曾經介紹過不少在網頁內辨識字型的工具，例如 Fontface Ninja、WhatFont Tool，這些服務對於網頁設計師來說尤其重要。如果要找出某個網頁所使用的字型，…
Fontface Ninja 一鍵查看網頁使用的字型名稱、大小和行高，快速下載字體檔案
對於網頁設計有興趣的朋友，一定很習慣在上網時注意網頁所使用的字型，若是比較有經驗的使用者會透過找網頁原始碼的方式來查看網頁使用的字型，或是從 CSS 檔裡…