百變字型

上次寫到如何同時使用不同中英文字型的方法.

現在發生狀況：1. 如果我同時也想使用內建字型該如何做? 2. 我想同時使用更多的字型該如何做?

Blogger的內建網頁字型在Google Web Fonts裡面也有一樣的字型. (當然指的是拼音字母) 在前一篇已經說明, 中文的顯示在於訪客的電腦裡有哪些中文字型, 不是我們能控制的. 別妄想使用載入插入中文的字型字庫, 每種中文字型至少10M~30M. 光是載入字型都要天荒地老了...

Step 1. 從編輯台自訂Blogger編輯範本 ➤ 進階 ➤ 文章項目的字型裡, 將你想要的字型名稱全部抄錄下來, 不要按確認變更. 我們只需要他的字型名稱.
為何不直接選用他的內建字型; 而需要從Web Fonts裡面找同樣的字型呢? 假使選用內建的網頁字型, Blogger會產生一個 "webfont.js". 然後綁定所指定區域的字型.

Step 2. 到 Google Web Fonts 的右側 "Search" 搜尋欄輸入字型名稱, Enter
將需要的字型CSS程式碼貼入 </head> 之前, 並修改CSS - value值. (方法見上篇)
* 如果有的字型僅出現在某一篇文章中; 並非經常性使用. 請另外抽出字型碼, 需要用到這個字型時在編輯文章HTML狀態, CSS link插入至HTML裡. 不一定要在 "head" 才可以, 這就是Blogger設定文章為內嵌式網頁的好處. (見 Step 3)

Step 3. 編輯文章時, 將需要變更字型的字母部分框取. 點選字型工具 ( F ), 指定為某種字型後切換成編輯HTML狀態. 加上字型碼之後將指定字型名稱更換上去就完成了.
切記：使用兩個字以上的字型名稱, 前後要加上單引號 ( ' )

範例：

我是一般文字 I am normal status font
I am Aguafina Script Font
I am Codystar Font
I am Emilys Candy Font
I am Monoton Font
I am Sancreek Font

---

Author Summary

Subject : 百變字型
Author : Unknown - Dream Talker Updated at: 4:56 AM
Votes : 100% - 5.0 - based on 2015
利用Google font外部字型插件在部落格裡同時使用多種字型的方法.使文章能夠呈現多種字型的設計.

Unknown

5 Stars - Reviews