修改 Blogger 的文字大小、字型、字距、行距 ( 行高 )

要改 Blogger 的字型
首先先來認識中文字型的英文名稱

◎Linux作業系統
       文泉驛正黑    :WenQuanYi Zen Hei
       全字庫正楷體:TW-Kai
◎Mac OS作業系統
       黑體-繁  :Heiti TC
       儷黑 Pro :LiHei Pro
       標楷體   :BiauKai
◎Windows作業系統
       微軟正黑體 :Microsoft JhengHei
       新細明體  :PMingLiU
       細明體   : MingLiU
       標楷體   :DFKai-sb

了解之後,開始來改字型,到【範本】→【編輯HTML】中,任一處點一下滑鼠左鍵,然後按下鍵盤的【Ctrl】鍵+【F】鍵,輸入關鍵字 px ,按【Enter】鍵,如下圖
就搜尋出的第一個結果的重點來解釋一下
<Variable name="body.font" description="Font" type="font"
         default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

body.font是內文字型,default是預設值,value是指定值,會優先執行value,若找不到,再執行default,所以我們若要改內文的字型為,在Linux作業系統顯示全字庫正楷體 (TW-Kai),在Mac OS作業系統顯示標楷體 (BiauKai),在Windows作業系統顯示微軟正黑體 (Microsoft JhengHei),就要改value值。
將原本的
value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"
改為
value="normal normal 16px Arial, TW-KaiBiauKaiMicrosoft JhengHei, sans-serif"
若只要優先顯示微軟正黑體,則只要在, sans-serif前插入, Microsoft JhengHei即可,如下
value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, Microsoft JhengHei, sans-serif"
要注意在字型前要空一格,這樣就可以了。下面還有各區塊,可依此類推改字型。
header.font ( 網誌標題 )
description.font (網誌說明 )
tabs.font ( 標籤 )
date.font ( 日期 )
post.title.font ( 文章標題 )
widget.title.font ( 小工具標題 )
widget.font ( 小工具 )

要改 Blogger的行距、字距
到【範本】→【自訂】→【進階】→【新增CSS】中新增以下字串
.post-body {
font-size:100%;
color:#222222;
line-height: 1.8em;
letter-spacing: 0.8px;
}

font-size:文字大小
color:文字顏色
line-height:行距
letter-spacing:字距

以上數值皆可依您需要做更改,改好後,按【套用至網誌】就完成了,如下圖
若只要改行距、字距,新增以下字串即可
.post-body {
line-height: 1.8em;
letter-spacing: 0.8px;
}

line-height:行距
letter-spacing:字距
以上數值皆可依您需要做更改

也可以到 Blogger 後臺 →【範本 】→【 編輯 HTML】按下【ctrl】鍵 +【 F 】鍵(Mac 請按下CMD + F ),
搜尋字串.post-body {
在裡面修改。

以上是在範本中預設文章中文字大小、字型、字距、行距。如果需要在文章中的特定段落、文字做調整。請參考此篇修改文章中特定段落的文字大小、字型、字距及行高
推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅

熱門排行

2024.2.11 friDay影音序號免費體驗

用電腦玩手機遊戲較不傷眼睛,乾淨輕量版Android模擬器推薦

置頂視窗釘選最上層顯示小工具DeskPins Win10、Win11

移除百度(Baidu)搜索,被百度綁架的解決方法

網路芳鄰電腦消失解決方法win10

不用到玉山銀行開戶,直接提領PayPal美金到台幣或外幣帳戶

免費賺比特幣7個網站推薦.錢包軟體下載及使用教學

friDay影音取消訂閱及刪除信用卡資料

2024.4.19 myVideo 序號免費體驗