FontFriend 在網頁上即時測試 Google Fonts 字體效果,網站設計必備工具!

FontFriend 在網頁上即時測試 Google Fonts 字體效果,網站設計必備工具!

對於網頁設計師來說,字型和排版是影響使用者視覺非常關鍵的因素,要如何選擇一個看起來舒服、適合閱讀的字體就顯得相當重要,之前介紹過一些讓你在打造網頁時可以配合使用的工具,例如 Fontface NinjaWhatFont 一鍵查看其他網頁使用的字型名稱、大小和行高,或是透過 TypeWonder 來線上測試字型等等,如果你想直接在網頁裡套用不同的字型變化,即時看到效果,不用再辛苦手動修改 CSS,直接使用簡單的工具搞定。

Type Sample 輕鬆查詢、辨識網頁使用的字體名稱和大小(Chrome 擴充功能)

Type Sample 輕鬆查詢、辨識網頁使用的字體名稱和大小(Chrome 擴充功能)

先前我曾經介紹過不少在網頁內辨識字型的工具,例如 Fontface NinjaWhatFont Tool,這些服務對於網頁設計師來說尤其重要。如果要找出某個網頁所使用的字型,比較土法煉鋼的作法是去找網頁的 CSS 樣式檔,但不僅費時而且不容易快速得到我們所需要的資訊,這時候透過這些工具可以減少麻煩,而且也能準確找到某個網頁使用的字體名稱、大小。

Fontface Ninja 一鍵查看網頁使用的字型名稱、大小和行高,快速下載字體檔案

Fontface Ninja 一鍵查看網頁使用的字型名稱、大小和行高,快速下載字體檔案

對於網頁設計有興趣的朋友,一定很習慣在上網時注意網頁所使用的字型,若是比較有經驗的使用者會透過找網頁原始碼的方式來查看網頁使用的字型,或是從 CSS 檔裡去挖掘該網站使用的是那一種字型組合。先前我曾介紹過 WhatFont Tool,可以快速顯示網頁使用的字型、大小和行高,是個相當方便的工具,本文要再介紹另一個更強大的工具,它不但能夠幫你快速查詢到字型等資訊,還可以直接在網頁上測試文字實際套用該字體所顯示的樣式,以及一鍵將字型檔案下載到電腦裡。

WhatFont Tool - 快速顯示網頁使用的字型、大小與行高

常常在瀏覽網頁時發現很漂亮的字體,想運用到自己的網站或部落格裡,比較有經驗的使用者會去找找網頁原始碼,或是從 CSS 檔裡挖掘出該網站使用的是哪一種字型。而不同的字型組合、樣式、行高與文字大小都會影響到整體的感覺,有沒有辦法可以快速獲取某一段文字的詳細資訊呢?WhatFont Tool 就是一款能快速查詢網頁字型的工具,只要拖曳至瀏覽器書籤,需要時點擊它就能使用。

WhatTheFont! – 從圖片來尋找辨識字型名稱!

WhatTheFont.png

你可能遇到過這樣的情況:看見一個 Logo ,很喜歡它的字型,想下載卻又不知道字型名稱,也無從尋找。從免費字型網站一個一個瀏覽,既費時又費力,這個時候不妨試試看WhatTheFont

WhatTheFontMyFonts提供的一項透過圖片尋找字型的服務MyFonts本身是一個字型交易平台,網站上提供相當多付費的字型。WhatTheFont這項服務是免費的,但僅支持英文字型。