修改blogger標題的字型(使用web fonts)

這次要跟大家分享使用google的web font去改blogger標題的字型
首先先連到google web fonts的網站
會看到這樣的畫面

選一個你喜歡的字型
點選他右下角的Quick-use
會看到這個畫面

第1個和第2個有勾選就不用在修改
往下拉會看到3和4

這兩個是等一下要用的
再來就打開我們的blog
我們要換的有1.標題和2.副標題

點選右上角的設計
會進入這個頁面

點選修改HTML
出現一個小視窗

選擇繼續

看到html
直接搜尋"header h1"
其中一個結果會長這樣

把他的font那一行刪掉

加入我們剛剛在google web font那個頁面的第4個step的css code

再來搜尋"
找到body的位置

把剛剛step 3的html連結貼在他的下面

注意最在">"的左邊要加一個"/"
接下來按預覽

標題果然變成我們想要的字體了 :D
至於改副標題的方法
和改標題一樣
只是他的css字型設定要加在.Header .description裡面

然後再body裡面貼上他的連結網址
就可以修改了

使用web fonts的一個小測試