TypeWonder 在任何網站上測試 Google 的 Web 字型

TypeWonder 在任何網站上測試 Google 的 Web 字型

Web 字型,主要在解決網頁設計所使用的字型,可能與瀏覽端的字型不一致所造成的排版差異與視覺感受,而 Google 有提供免費的 Web 英文字型,想要應用,可以到 Google fonts 輕鬆取得相關的連結語法。如果想要先試試每種字體在網頁上的呈現效果,可以利用 TypeWonder 這個免費的網站來進行測試,只要輸入要測試的網址,便可使用自己所選擇的英文字型來呈現,且可以產生連結語法,方便應用到網頁上。

§相關文章,還可以參閱:

如何使用 TypeWonder ?

1.使用瀏覽器進入 TypeWonder 網站,輸入所要測試的網頁網址後,點擊[ Go ]。

TypeWonder 在任何網站上測試 Google 的 Web 字型

2.接下來選擇並點擊所要測試的字體後,再點擊[ Use! ]。

TypeWonder 在任何網站上測試 Google 的 Web 字型

3.稍後下,便可呈現字型效果。

TypeWonder 在任何網站上測試 Google 的 Web 字型

TypeWonder 在任何網站上測試 Google 的 Web 字型

4.網頁右上方的[ Enabled ]可恢復原網頁;還想試試其他字型可點擊[ Change font ];覺得滿意想要應用到自己的網頁中,可點擊[ Get code ]。

TypeWonder 在任何網站上測試 Google 的 Web 字型

平常利用手機或平板的錄影與照相檔案,很多人會將其備份到自己的電腦上或是備份到雲端硬碟中,但是備份歸備份,想要有額外的功能像是有自動識別相片中的內容物方便搜尋,還要有修圖、動畫、拼貼、故事、分享等專業的相簿功能,又能有無限容量的空間來儲存錄影與照相檔案,這些「Google 相簿」通通免費送給你,支援 Android、iOS 與網頁,讓你一次儲存,多種裝置都可以存取。

不論是 windows、web、Android、iOS 的開發,甚至是平面設計,總是免不了 ICON 圖示的應用,既然稱為圖示,當然就不是要使用者去猜,而是必須設計成一看就知道要做什麼。想要有一致的圖示風格又能符合 ICON 的設計準則,網路上有很多免費下載 ICON 圖示的網站,而現在 Google Design 中的 Material icons 網站,則是提供 Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等多種類型的 ICON,且每個圖示均提供 18dp、24dp、36dp、48dp 尺寸與 PNG、SVG 兩種圖檔格式,供你免費下載應用。