iT邦幫忙

2021 iThome 鐵人賽

DAY 14
0
自我挑戰組

給自己學習30天重新認識css系列 第 14

設定字體顏色及文字大小、行距及間距

  • 分享至 

  • xImage
  •  

Yes

設定基本段落樣式,字體大小、行距及行距設定方式以及嵌入google font方式

設定基本字體

    font-size: 18px;
	letter-spacing: 1px;
	font-family: "Roboto", sans-serif;
	line-height: 1.5;

font-size字體大小
網頁預設段落大小是16px,可以設定為:18px

letter-spacing字間
設定可以px及%數,大多數都是設定px,文字就會有1px的字間

font-family字型
設定電腦中的字型,要注意有些字型電腦會沒有支援,必須使用連結嵌入

line-height行高
設定字體中行高,不過建議設定1.5倍或是1.618倍,1.5*字型大小16=行高


參考文獻:
font-size MDN


上一篇
瞭解內嵌、外嵌導入css方式
下一篇
display:block及display:inline 差別
系列文
給自己學習30天重新認識css16
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言