TypeWonder 幫網站換個字型看看吧!輸入網址快速預覽指定字體

有時候想幫網站換個字體,測試某個字型在網站上所呈現出來的效果嗎?除了我們上次介紹過的「Tiff 設計工具」可以比較字體系為的差異,TypeWonder 也是一個不錯的選擇,無須額外下載任何軟體,只要在網站上輸入要測試的網址,接著選取字型,TypeWonder 就會自動把該字型套用到網頁裡,讓你直接瀏覽整體效果!



TypeWonder 是一個線上工具,意味著可以跨平台、且不用下載軟體,如果你想更省事,也能安裝 TypeWonder 的 Chrome 擴充功能,就能隨時在任何網頁裡套入字型並預覽效果。


開啟 TypeWonder 後,直接輸入要測試的網頁鏈結,點擊「Go!」開始。



選擇你要測試的字型,這些字體多半來自 Google Fonts ,所以都能免費使用,選擇後會顯示該字型的名稱、熱門程度、來源,點擊右下角的 Use 套用。



套用之後,所有該網站的字型就會變換成你所選取的字體,上方的 Enabled 可以快速的開啟、關閉此功能,讓使用者可以很快速比較出前後的差異。如果想試試看其他字型,只要點擊「Change Font」就會出現字型選擇畫面。



找到適合的字型後,點擊上方的「Get Code」就會出現一個字體的嵌入網址,只要在 CSS 插入一行指定某個字型名稱就能把文字效果套用到網站內!


如果想把不同字體的網戰分享給別人看看,也可以透過上面的「Share」來分享喔!
本站範例:http://typewonder.com/show/J2NFl/524


留言

本月最夯

偷用電腦,怎知?事件檢視器全記錄!(開機時間、啟動項時間...)