Embed Size (px)
Citation preview
Google Font API
Google Font API
• Google Web字體的 API• 可以幫助你添加任何網頁的網頁字體。
Web字體 API的優點
1. 可以選擇高品質的開放源碼的字體。
2. 作品在大多數瀏覽器。
3. 使用極為方便。
在<head>中
在 css樣式中叫出該字型
或是直接引用
Google Font API需要三個步驟
1. 選擇你需要使用的字體2. 預覽你選擇的字體3. 使用你選擇的字體
選擇你需要的字體
選擇需要的字體
預覽選擇的字體
預覽效果
預覽頁面查看選中的文字效果
使用字體
使用
使用頁面中有四步驟
1. 選擇你想要的風格2. 選擇你想要的字符3. 獲取字體代碼4. 運用到你的樣式中
使用頁面 -步驟一
第一步：使用字體
步驟二
選擇你需要的格式
步驟三
取得代碼
步驟四
運用到你的樣式
取得字體代碼
一共有三種方法：
1. 標準代碼2. @import代碼3. javascript代碼
標準代碼
@import代碼
js代碼
example
結果
如何添加陰影風格
text-shadow
End
