字型可以充份表達出一個網站設計者的風格，而許多人往往找不到適合自己的字型而煩惱不已。但現在這個問題可以獲得部份解決，而解決這個方案的正是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> 