Google 有很多小工具, 有的真的很實用, 有的是......只有用到的人才知道他好用.
就像這個 Google web fonts, 我知道這項工具是因為之前在 Firefox 中安裝了 Google Shortcuts 套件, 那時候也只是打開來看看, 不能理解這工具到底要怎麼用.
時隔多日, 今天在俄國新聞 Lenta.ru 上 Дни затмения (日蝕日) 的專頁中看到文字介紹的字型, 很特別, 看半天認不出他到底是什麼字型, 好奇的打開原始碼, 想找 css 看看字型的名稱. 結果只找到這行字......
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic&subset=cyrillic,latin" rel="stylesheet"></link>這是什麼? 沒看過, copy 了網址, google 上找了一會兒, 才知道這是由 google web fonts 提供的網路字型.
找到網頁, 整體和當初第一次看到時已經差異頗大, 多大? 光是看 google blog 前後改版差多大就知道可以插到多大...這工具看來是成熟了, 畫面一整個差很多, 功能也增加許多, 稍早, 玩了一下, 左側的幾個條件選擇, 找到喜愛的 Cyrillic, 那當然是針對有支援此編碼的字型來搜尋了...
雖然少, 已經比手上的多許多, 更別說這是免費的, 有得用, 還想挑什麼?
看了個有特色的, 像是日蝕日中的字型, 以及書寫體的字.
用法
看到喜歡的字型, 點選字型檔的右下角 Add to Collection, 選完了...
如果是單機上要使用
1. 點選右上 Download your Collection, 就可以打包成 *.zip下載下來, 解開後, 開啟控制台, 字型, 安裝後就可以使用了.
下載時, 系統會告知, 是要在網路上使用的話, 不需要下載, 就可以使用, 那要怎麼使用?
2. 右下角的 use, 會將所有選擇的字型全部挑出來, 在第一步驟中, 供使用者選用:
四個步驟:
- 1) 點選要使用的字型,
- 2) 點選要使用在什麼樣的文字編碼上
- 3) 在 html 的 中, 貼上下列的文字, 有標準, 匯入和 javescript 三種方式.
- 4) 也可以貼到 css 檔案中
其他的用法, 就請看 Google Web Fonts API - Getting Started
----
* ps: Google Shortcuts 也出 chrome 版了耶~~~
安裝的方式有兩種:
1) 進 chrome store, 用 google shortcuts 搜尋套件, 安裝即可.
2) 另一種就是透過文章中提到的 google shortcuts 網頁選擇右側的 chrome 點選, 也是一樣.
沒有留言:
張貼留言
* 所有回應必經本人檢閱後發佈 *