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
TypeWonder 是一個線上工具,意味著可以跨平台、且不用下載軟體,如果你想更省事,也能安裝 TypeWonder 的 Chrome 擴充功能,就能隨時在任何網頁裡套入字型並預覽效果。
- 軟體名稱:TypeWonder
- 軟體支援:Chrome
- 官方網站:http://typewonder.com/
- 軟體下載:點我前往
- 範例展示:http://typewonder.com/show/J2NFl/524
開啟 TypeWonder 後,直接輸入要測試的網頁鏈結,點擊「Go!」開始。
選擇你要測試的字型,這些字體多半來自 Google Fonts ,所以都能免費使用,選擇後會顯示該字型的名稱、熱門程度、來源,點擊右下角的 Use 套用。
套用之後,所有該網站的字型就會變換成你所選取的字體,上方的 Enabled 可以快速的開啟、關閉此功能,讓使用者可以很快速比較出前後的差異。如果想試試看其他字型,只要點擊「Change Font」就會出現字型選擇畫面。
找到適合的字型後,點擊上方的「Get Code」就會出現一個字體的嵌入網址,只要在 CSS 插入一行指定某個字型名稱就能把文字效果套用到網站內!
如果想把不同字體的網戰分享給別人看看,也可以透過上面的「Share」來分享喔!
本站範例:http://typewonder.com/show/J2NFl/524
留言
張貼留言