修改 Blogger 奇妙的 H3 與 H4 標題字體大小

修正 h3 字體比 h4 還小的問題

一般來說，Blogger 對標題階層的分配都是固定的，雖然新舊主題的佈局可能略有不同，但常見的分配如下：

H1: 網站名稱 (Title)

H2: 版面配置小工具的名稱

H3: 文章標題

H4: 小標題 (文章內容段落)

然而有時因為文章比較長、需要多段解釋的關係，我們會用 H3 標題來讓分層更加明確。但在內文使用 H3 標題的話，它的字體反而會比 H4 來的小。

對於這個問題，我們可以在主題 > 自訂 > 進階 > 新增 CSS 來解決。如果只會在單篇文章中使用到這個佈局的話，可以將文章切換到 HTML 編輯模式後插入這段 CSS。

<style>
.post-body h3{
font-size:22px;
}

.post-body h4{
font-size:18px;
}
</style>

上面這段程式碼的功能，是告訴瀏覽器把 post-body ，也就是文章內的 H3 標題字體大小改為 22px、H4 調整為 18px，如此一來，就能解決 Blogger 文內 H3 標題的字體大小比 H4 還小的有趣現象了。翠習維尼

雖然在內文使用 H3 以上等級的標題，可能會造成文章權重過度分散、被爬蟲質疑濫用 H 標籤，進而受到搜尋引擎懲罰。但現在搜尋引擎似乎沒有這麼笨，且在 Google 不斷更新演算法的情況下，這種舊時代的黑帽 SEO 早已被爬蟲無視了。

流浪貓的知識庫