Font Stealer 網頁字型偵測工具：解析網站字體並尋找免費替代方案
如果想知道某個網頁使用的字體，打開瀏覽器「開發者工具」就可以輕鬆做到，例如選取頁面上特定元件或是查看已載入哪些字型檔，其實都能取得字型相關資訊，對於…
字型查詢
閱讀全文Font Stealer 網頁字型偵測工具：解析網站字體並尋找免費替代方案
FontShow 字體秀：免費字型預覽與對比工具，快速測試電腦已安裝字型
通常要在設計裡套用字型，我們會直接選擇字體並調整大小、間距等樣式測試效果，這麼做雖然很直覺，但卻浪費時間，而且很可能會錯過一些更合適的字型，透過像是 …
Fontface Ninja 一鍵查看網頁使用的字型名稱、大小和行高，快速下載字體檔案
對於網頁設計有興趣的朋友，一定很習慣在上網時注意網頁所使用的字型，若是比較有經驗的使用者會透過找網頁原始碼的方式來查看網頁使用的字型，或是從 CSS 檔裡…
Type Sample 輕鬆查詢、辨識網頁使用的字體名稱和大小（Chrome 擴充功能）
先前我曾經介紹過不少在網頁內辨識字型的工具，例如 Fontface Ninja、WhatFont Tool，這些服務對於網頁設計師來說尤其重要。如果要找出某個網頁所使用的字型，…
FontFriend 在網頁上即時測試 Google Fonts 字體效果，網站設計必備工具！
對於網頁設計師來說，字型和排版是影響使用者視覺非常關鍵的因素，要如何選擇一個看起來舒服、適合閱讀的字體就顯得相當重要，之前介紹過一些讓你在打造網頁時…
FontReach 收錄百萬網站網頁字型使用情形，列出最熱門字型排名
網頁字型（Web fonts）發展歷史可以回溯到 CSS2 規範的 @font-face 屬性，這是一種讓網頁字體有更多變化的技術，即使電腦沒有安裝對應的字型檔案，也能透過瀏覽…
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和…
Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新…
RandomFont 字型控必備！開啟網頁隨機展示一款英文字型背景故事
你是字型愛好者嗎？如果是，你可能已經認識不少國內外知名字型設計；如果不是，或許你才剛入門，那麼可以從認識一些字型開始。之前我曾介紹過 Palettab 在…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…