CSS：Text & Fonts

• font family 字型

P { font-family: Arial;}

 

• font size 字體大小

兩個單位可使用：em、px

em = desired element pixel value / parent element font-size in pixel

body { font-size: 10px;}

h1 { font-size: 5.0em;}

p  { font-size: 0.5em;}

 

•  font weight  字體粗細

h1 { font-weight: bold;}

p { font-weight: normal;}

 

• line height  行高

h1 { line-height: 10px;}

 

• text  align 

h1 { text-align: center;}

h2 { text-align: left;}

h3 { text-align: right;}

 

• text decoration

h1 { text-decoration: overline;}

h2 { text-decoration: line-through;}

h3 { text-decoration: underline;}

h4 { text-decoration: blink;}

• 相關網站

1. CSS Font Stack
2. Google Fonts