Google 字型API的基本使用

標籤：

一、連結CSS檔案直接使用；

基本上你連結直接在Google.com上的CSS檔案。通過網址參數，你可以選擇你想要的字型，以及這些字型的變化。

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans">

body {font-family: ‘Tangerine‘, ‘Inconsolata‘, ‘Droid Sans‘, serif;font-size: 48px;}

二、使用JS載入字型庫

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script><script type="text/javascript">    WebFont.load({        google: {            families: [‘Cantarell‘]        }    });</script><style type="text/css">     .box{font-family:‘Cantarell‘;}</style>

參考：https://css-tricks.com/snippets/css/basics-of-google-font-api/

Google 字型API的基本使用