使用 Google Font Directory 幫你的網站文字添加多種字型變化

字型可以充份表達出一個網站設計者的風格,而許多人往往找不到適合自己的字型而煩惱不已。但現在這個問題可以獲得部份解決,而解決這個方案的正是Google!Google api現在推出了WebFont Loader,也就是說,可以讓你在設計網頁時,動態載入Google所擁有的字型囉!

而它的用法會不會很難呢?其實不會太複雜,只要充份理解Google API即可。我們先看一下一個簡單的範例:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
</script>
<script type="text/javascript">
   WebFont.load({
   google: {
      families: [ 'Tangerine', 'Cantarell' ]
   }
  });
</script>

其中最重要的關鍵很顯然在於以下的程式碼,以後我們如果要擴充程式,也必須擴充以下的區段,而「families」則是載入的字型,如果你要一次載入多個字型,那麼請以「,」來隔開。

WebFont.load(
google: {
      families: [ 'Tangerine', 'Cantarell' ]
   }
});

到此,我們已經可以寫入一個簡單的程式了!以下為一個簡單的範例程式:

<html>
 <head>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
 </script>
 <script type="text/javascript">
 WebFont.load({
 google: {
 families: [ 'Tangerine', 'Cantarell' ]
 }
 });
 </script>
 </head>
 <body>
 <h1>Hello World!</h1>
 </body>
</html> 

Read More

Show Location ~ 秀出網站相關資訊 (firefox)

Show Location 是一個 firefox 套件,可以讓您迅速知道您瀏覽的網站的資訊,包含了 IP 位址,所在國家等,是一個相當有趣的小工具。

 

◎◎ 套件 小檔案◎◎
套件名稱:Show Location
套件介面:簡體中文
套件版本:0.7.2
套件性質:Freeware
支援瀏覽器:Firefox
套件下載:http://forum.jeasy.info/viewtopic.php?f=74&t=1773

 

Step 1.
安裝完套件後,只要以一般方式瀏覽網站,就可以在 Firefox 的網址列右邊看到該網站的資訊。

Read More