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

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

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

「源柔ゴシック」免費思源柔黑體中文字型下載

「源柔ゴシック」免費思源柔黑體中文字型下載

在 Adobe 與 Google 兩大廠攜手合作推出開放原始碼的「思源黑體」中文字型後,「自家製フォント工房」也推出源於「思源黑體」的「思源柔黑體」中文字型,其著重在將字型的邊邊角角修改成圓角弧度,且依圓角的弧度可區分為 L、標準、X 等主要類型,每種類型均提供七種不同粗細的字體供你應用。

BLOKK font 可用於網頁展示的填充字型

BLOKK font 可用於網頁展示的填充字型

製作網頁的過程中,為求得實際的呈現效果,常會需要製作與預期頁面大致相符的展示頁面,藉以判斷或微調版型,因此,過程中若有需要使用文字填充時,通常會剪貼一段可能不相干的文字來貼上,這對工程師自己或公司內部的展示可能無傷大雅,但若是對客戶展示,未免就顯得不夠專業。想要求得在雛型中更好的呈現效果,我們可以將這段文字改用 BLOKK font ,以橫條取代實際的字形,讓網頁還在雛形的過程中,便能展現專業的品質。

Ryman Eco 可節省碳粉的英文免費字型

Ryman Eco 可節省碳粉的英文免費字型

印表機的價格其實不高,貴就貴在墨水、碳粉夾,姑且不論環保議題,若能在列印文件時,節省墨水的消耗,自然就能節省開銷,既節省開銷,那環保自然而然就做到了。如何節省墨水的用量,若你是英文的文件,可以試試 Ryman Eco 英文字型,號稱可比你使用的原字型節省 3成的墨水。

如何輸入 KK 音標?

如何輸入 KK 音標?

製作英文教具時,若有需要標註 KK 音標,常會是件麻煩事,也因為麻煩,所以便在教學時,利用黑板手抄寫來補充。想要標註 KK 音標,可以來下載 Phonetic symbols 這個 KK 音標字型,方便使用。

Typefacer 預覽已安裝字型

Typefacer 預覽已安裝字型

進行美工時,若有需要應用到字體字型,可以來使用 Typefacer 這套相當簡單的字型預覽工具,可以直接輸入所要預覽的文字或句子,然後從已安裝的字型清單中點選要使用的字型來呈現所輸入的文字樣貌。

Font Comparer - Google Web 字型線上預覽服務

Font Comparer - Google Web 字型線上預覽服務

製作網頁時,若想使用一些較特殊的字型,往往需要以圖片的方式來呈現,這是因為來瀏覽網頁者的電腦裡未必裝有該字型,若不使用圖片來呈現,有可能會出現亂碼或是以別的字型來取代,造成排版不易,Google Web Fonts 便有提供該困擾的解決方案,便是將字型以 CSS 的方式做連結,這樣製作網頁與瀏覽網頁的雙方便可以以 Google Web Fonts 為中心來取得該字型,解決此一困擾,目前 Google 提供的字型不少,要如何才能快速找到適合自己網頁裡可以使用的字型呢?可以來試試 Font Comparer 這個免費的 Google Web Fonts 進階應用線上服務,只要輸入要預覽的字體,便會一次列出目前 Google 有提供字型的預覽,並提供 CSS 的使用語法,相當方便。