修改文章中特定段落的文字大小、字型、字距及行高(行距)[Blogger]
在Blogger範本中設定好文章中的文字大小、字型、字距及行高後(若未設定,可參考此篇修改 Blogger 的字型、行距、字距),寫文章時就會直接套用範本中的格式。但有的時候,在某些文章中的特定段落,需要個別調整文字大小、字型、字距或行高才能清楚表達意思,這時候就要到HTML中對要修改的段落用語法調整,操作範例如下:
點【HTML】做修改
將欲修改的文字用語法(範例設定成標楷體字型、文字大小20px、間距10px、行高50px)包起來
修改完後,效果如下圖
語法說明:
font-family: DFKai-sb, Times New Roman, serif
( 優先用標楷體字型,若無法呈現,依序用 Times New Roman, serif )
font-size: 20px ( 文字大小:20px )
letter-spacing: 10px ( 文字間距:10px )
line-height: 50px ( 文字行高:50px )
請把以上px前的數字,改為自己想要的大小。
如果要換其他的字型,可參考下表:
◎Linux作業系統下可顯示的字型
文泉驛正黑 :WenQuanYi Zen Hei
全字庫正楷體:TW-Kai
◎Mac OS作業系統下可顯示的字型
黑體-繁 :Heiti TC
儷黑 Pro :LiHei Pro
標楷體 :BiauKai
◎Windows作業系統下可顯示的字型
微軟正黑體 :Microsoft JhengHei
新細明體 :PMingLiU
細明體 : MingLiU
標楷體 :DFKai-sb
推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅
點【HTML】做修改
將欲修改的文字用語法(範例設定成標楷體字型、文字大小20px、間距10px、行高50px)包起來
<div style="font-family: DFKai-sb, Times New Roman, serif; font-size: 20px; letter-spacing: 10px; line-height: 50px;">
要修改的文字
</div>
如下圖
要修改的文字
</div>
修改完後,效果如下圖
語法說明:
font-family: DFKai-sb, Times New Roman, serif
( 優先用標楷體字型,若無法呈現,依序用 Times New Roman, serif )
font-size: 20px ( 文字大小:20px )
letter-spacing: 10px ( 文字間距:10px )
line-height: 50px ( 文字行高:50px )
請把以上px前的數字,改為自己想要的大小。
如果要換其他的字型,可參考下表:
◎Linux作業系統下可顯示的字型
文泉驛正黑 :WenQuanYi Zen Hei
全字庫正楷體:TW-Kai
◎Mac OS作業系統下可顯示的字型
黑體-繁 :Heiti TC
儷黑 Pro :LiHei Pro
標楷體 :BiauKai
◎Windows作業系統下可顯示的字型
微軟正黑體 :Microsoft JhengHei
新細明體 :PMingLiU
細明體 : MingLiU
標楷體 :DFKai-sb