百變字型

2   Comments


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

現在發生狀況: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 : - Dream Talker Updated at: 4:56 AM
Votes : 100% - 5.0 - based on 2015
利用Google font外部字型插件在部落格裡同時使用多種字型的方法.使文章能夠呈現多種字型的設計.
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please