2010年5月25日 星期二

Google提供免費字型

Googel在其網站Google font directory中以開放源碼方式,提供了18種字型,讓你可以使用在任何地方。你不用擔心網頁瀏覽者的電腦中沒有安裝你所設定的字型,而無法呈現網頁的效果。這些字型對於常做網頁的人來說,應該會有一些幫助(只限英文字型)。

網址:http://code.google.com/webfonts

要在網頁中使用字型,是以連結外部CSS檔的方式。例如以FrontPage來編輯一個網頁,試著輸入下列HTML程式:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Reenie Beanie">
    <style>
      body {
        font-family: 'Reenie Beanie', serif;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Making the Web Beautiful!</h1>
  </body>
</html>

 

以Google瀏覽器檢視這個HTML的結果,可以看到Google提供的Reenie Beanie字型效果。

更多的使用方法,可以參考 Google Font API 網頁:

http://code.google.com/intl/zh-TW/apis/webfonts/docs/getting_started.html

沒有留言:

張貼留言

檢視其他文章

好康東東