Blogger預設的字體大小是12px,其實不大適合長篇閱讀,標題的字體也不夠漂亮,該怎麼變得像妖精的號角一樣,標題又大又黑、字體大小與行距保持適中,讓讀者更容易閱讀呢?其實只要在後台稍微修改一下CSS樣式,就可以輕鬆達成囉!
步驟說明
第1步 登入Blogger後台,選擇「範本」→「自訂」。
第2步 再點選「進階」→「新增CSS」。
第3步 複製以下CSS代碼並貼在文本輸入框中。
.post-body {
font: 15px/1.7em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
letter-spacing: .07em;
text-align: justify;
}
h3.post-title, .comments h4 {
line-height: 1.5em;
font-family: "微軟正黑體","Microsoft JhengHei","Times New Roman",Times,serif;
color: #000000;
font-size: 1.8em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
第4步 按下「套用至網誌」即可。

![[教學] 如何美化Blogger的字體? 1 - [教學] 如何美化Blogger的字體?](http://3.bp.blogspot.com/-tmB1taS00sQ/UjRerctxkkI/AAAAAAAAAOM/VJCFrggUzwQ/s640/1.png)
![[教學] 如何美化Blogger的字體? 2 - [教學] 如何美化Blogger的字體?](http://1.bp.blogspot.com/-wU1Gu39rOe8/UjRi7lCgYDI/AAAAAAAAAOw/AnpFqnU0ArA/s1600/2.png)
![[教學] 如何美化Blogger的字體? 3 - [教學] 如何美化Blogger的字體?](http://4.bp.blogspot.com/-n8idp7Jcv_U/UjRioLhR_LI/AAAAAAAAAOY/ImsBkzXENlA/s640/3.png)
![[教學] 如何美化Blogger的字體? 4 - [教學] 如何美化Blogger的字體?](http://1.bp.blogspot.com/-Ub85sA4zRQk/UjRioLfg8DI/AAAAAAAAAOc/iWcbtjQG_Mw/s640/4.png)
很簡潔明瞭的教學,感謝分享!
感謝!!