Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)

Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)

對中文網頁來說,CSS 字型設定一直是個麻煩的問題,想直接載入字型檔案容量太大,拖慢網頁速度、耗費過多流量,通常會使用網頁字型解決,像是 Google FontsAdobe Fonts(以前叫作 Typekit)就有提供思源黑體思源宋體等中文網頁字型,只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用,讓網頁的中文部分更易於閱讀,設計看起來也更有質感。

FontSpark 找尋字型靈感工具,隨機套用英文字體即時線上預覽

FontSpark

還記得之前介紹過 ColorSpark 隨機產生配色或漸層色組合,協助設計師在開發網頁或應用程式時獲取配色靈感嗎?其實類似的色彩工具還不少,而且很多都有提供使用者快速隨機選色功能,有時候真的沒什麼想法,透過隨機展示可能會有收穫,如果你又不擅於程式碼,網站也會直接提供對應的 CSS 原始碼,方便帶入樣式表使用。除了配色外,字型也是影響使用體驗的重要因素,現在你有更直覺的方法挑選字型。

Font Swap 在任何網頁快速更換字體,從 Google Fonts 選擇免費字型一鍵套用(Chrome 擴充功能)

Font Swap

有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀,除了聯絡網站管理者調整,或使用類似 Mercury Reader 工具來開啟閱讀模式,還有其他更好的解決方法嗎?就我所知有一些瀏覽器外掛可快速更改網站字型,不過對一般使用者來說還是稍嫌困難,若有類似需求,本文要介紹一款非常好用的外掛「Font Swap」,可以快速將網站的標題、內文套用成 Google Fonts 裡任何字體。

RandomFont 字型控必備!開啟網頁隨機展示一款英文字型背景故事

RandomFont 字型控必備!開啟網頁隨機展示一款英文字型背景故事

你是字型愛好者嗎?如果是,你可能已經認識不少國內外知名字型設計;如果不是,或許你才剛入門,那麼可以從認識一些字型開始。之前我曾介紹過 Palettab 在每次開瀏覽器新分頁時隨機展示色彩和字型卡,從中尋找一些配色靈感,探索從未見過的字型,相信許多設計師或對配色字型有興趣的朋友都很喜歡,本文要再來介紹一個與字型相關的網路服務。

Fontstand 創新付費字型租賃計畫,免費試用一小時或 10% 價格租用一個月(Mac 應用程式)

Fontstand 創新付費字型租賃計畫,免費試用一小時或 10% 價格租用一個月(Mac 應用程式)

我們在免費字型下載分類裡介紹過許多的字體下載網站,但有很多好看、經典的字型集其實都不是免費的,在使用時必須支付權利金,或者付費購買授權才能用於個人或專案開發上。雖然一般的字型網站都有提供讓使用者在線上預覽文字的功能,但沒有試用可能還是不確定是不是自己需要的字體,有國外公司想到了解決方法,推出一個全新的字型「租用」工具,讓你可以用很低的價格來租賃字型。

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

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

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

造字工房 16 種中文字型永久免費下載!

Makefont fonts

字體是生活中相當重要的元素,無論在任何地方,例如電視、印刷品、廣告、網頁設計、商標都能見到它的蹤跡,選擇對的字型有助於視覺傳達,增加美感也具有吸引觀眾的效果。免費資源網路社群介紹過許許多多免費字型網站,可惜大多都是以英文字型為主,中文字型在製作上需要更多的時間和成本,多半會選擇直接販售,除了之前曾介紹的免費漢鼎字型外,似乎沒有比較好的免費選擇。

TypeWonder 線上測試網頁字型,輸入網址快速預覽指定字體

TypeWonder 線上測試網頁字型,輸入網址快速預覽指定字體

想要測試某個字型在網站上所呈現出來的效果嗎?那麼 TypeWonder 是一個不錯的選擇,無須額外下載任何軟體,只要在網站上輸入要測試的網址,接著選取字型,TypeWonder 就會自動把該字型套用到網頁裡,讓你直接瀏覽整體效果。若要更換字型,也只需要點擊一下切換,就能再次套用其他字型,也可以快速產生原始碼,來把該字體運用到自己的網站或部落格。

FontPro 超過 20,000 個免費網頁字型線上預覽、下載

2013 05 19 1157

有時候想設計文案,或是製作網站上使用的圖片、Logo 等等,都會上網找看看有沒有看起來不太一樣的字型,雖然免費字型網站很多,但不是幾萬種字體都符合你的需求,如果你想跳過大型的字型網站,直接找高品質、又不容易跟其他人重複的免費字型,以前我介紹過的 The League of Moveable TypeLost Type 和 Fontfeest! 都是上上之選。

FontLoader 拖曳掛載字型檔,使用後可一鍵輕鬆移除

擁有各式各樣的字型是每個網頁或圖形設計師的必備工作,甚至會收集一些平常較常被用到、或是自己偏愛的字型。即便如此,網路上仍有相當多的免費字型網站不斷釋出新的設計,你可能會經常接觸到許許多多不一樣的字型,如果每個字型都要逐一安裝,很容易就塞爆字型資料夾,也會拖累了系統效能,不喜歡又要手動移除,未免也太浪費時間了!你知道嗎?其實不用安裝,也可以使用你想要的字型,且不用了以後可以快速移除。