Google Web Fonts


Add us as your Rss reader, like us at Facebook Fans Page

設計網頁時有沒有覺得字形有些悶蛋,沒有變化?

雖然圖片+文字可以解決(部分)以上問題,

或者高級用家會使用sIFR(見wiki)

但是現在Google webfonts 又可以幫你一把了!

用家只需要加幾句就可以使用更多的免費字形。

在網頁上加上一行CSS plugin.

<link  href="http://fonts.googleapis.com/css?family=VT323:regular" rel="stylesheet" type="text/css" >
<style>
body {
  font-family: 'VT323', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}
</style>
還可以用CSS調較行字形,行距,大小等等
在最近的更新上,如果使用者只使用標題如"Kirin"四個字,只需要在
<link  href="http://fonts.googleapis.com/css?family=VT323:regular" rel="stylesheet" type="text/css" >
加上&text=kirin'變成
<link  href="http://fonts.googleapis.com/css?family=VT323:regular&text=kirin'" rel="stylesheet" type="text/css" >
這樣可以減少載入整個字形,令它變成5K什至更少,增快載入速度。整個過程也是google 幫助你。
還可以直接使用google webfonts preview 可以即時看到字形如何。
add us to your RSS reader, Join us in the Facebook Fans page

簡單易用,Google 又一貼心服務。

廣告

About 阿目

塵世中一個迷途小書僮

Posted on 2011/05/02, in Google, New Tech and tagged , , , , . Bookmark the permalink. 發表留言.

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

%d 位部落客按了讚: