星期三, 8月 08, 2012

Change font in web pages

參加過三次Google I/O, 但都沒有去過它的codelab, 現在回頭看一下他的教材, 還真是好物... 一個是用appengine把pipeline, log, google storage, big query, bootstrap, channel api全部串起來, 做一個log分析程式. 那個很有趣, 之後再另外寫心得.

另外一個是教CSS, http://io12-css-codelab.appspot.com/lessons/index.html. 也不是頂難的東西, 但是一步一步這樣教, 好有FU喔. 其中換字型原來這麼簡單.

1. 去http://www.google.com/webfonts/挑字型. 它已經有很多工具可以讓你看不同大小的字型, 或是該字型當標題或內文時的感覺.
2. 選定後可以按該字型下面的Quick-use, 它還會跟你說因為用了這個字型, 造成網頁loading overhead的高低. 如果是綠色的應該影響就很小吧...

3. 再往下面看有兩個簡單的code要copy & paste.
只要把
<link href='http://fonts.googleapis.com/css?family=Quando' rel='stylesheet' type='text/css'>
放在html的header裡. 然後就可以在後續的css style裡用font-family: 'Quando', serif;來指定該字型囉... 真是想不到的簡單.