如何在網頁中使用 Google Icon Font 免費圖示?

如何在網頁中使用 Google Icon Font 免費圖示?

「圖示」運用得當,絕對勝過用文字描述,以往要在網頁裡使用圖示,可以使用圖檔,但不論是要更改尺寸、顏色都相當麻煩,而現在大多使用 Icon Font,將圖示變成字形來使用,這樣一來不論日後維護要改尺寸大小、顏色就相當方便,「Google Font」內現在就有提供成套風格且免費的 Icon Font 供使用者應用,如果習慣使用圖檔,每個圖示同樣都有提供 PNG、SVG 圖檔格式,不論是應用在網頁、Android 或是 iOS 都不是問題。

繼續閱讀»»»

Pair & Compare 線上比較 Google Font 字體差異

Pair & Compare 線上比較 Google Font 字體差異

Pair & Compare 是一個用來比較 Google Font 各字形差異的比對網站,對製作文宣品或是網頁的人來說,會是一個絕佳工具,免去下載、安裝、比較字型的繁雜步驟,就可快速選定適合自己使用的字形,Pair & Compare 提供標題、內文,背景色、字體大小、顏色、文字對齊等參數供用戶自訂,並可自訂要比較字型的數量,只要改變字形便可以套用到標題與內文。

繼續閱讀»»»

Google Fonts 字型免費下載

Google Fonts 字型免費下載

Google 自家所推出的 Google Fonts 字型免費下載網站,不僅僅只有英文字型可供下載,更提供越南、孟加拉、阿拉伯...等多語言(沒有中文),讓需要的使用者更快速的找到想要的組合,比起前一版來說,這版可讓搜尋者預覽字型的方式更為多元,不但提供網站使用,更可一次打包下載所要的字型,讓你應用在其他文書或圖片編輯軟體上,相當方便。

繼續閱讀»»»

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

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

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

繼續閱讀»»»

Google web fonts 由 Google 所提供的網頁字型應用服務

Google web fonts 由 Google 所提供的網頁字型應用服務

2012-10-4 更新 Google Font Directory 改為 Google web fonts 
 
通常為了增加網頁的美觀,在製作網頁的時候會運用一些非 Windows 內建的字型,但是當有使用者訪問到該網頁時,除非訪客的電腦裡也有該字型,才能正常顯示,若無也只能回到預設的網頁字型,因此網頁設計者為解決這樣的問題,都會將該字型做成圖片格式來顯示。Google web fonts 是由 Google 所提供的網頁字型服務,它的出現改變原有網頁字型運用的常規,要應用時該字型時,只要連結到 Google 的所提供的 CSS 字型樣式,就能讓網頁訪客存取到相同的字型,再也不用將該字型做成圖片了。

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄