CSS中關於font的樣式
- 字體
- 粗細
- 大小
- 斜體
- 行距
- 縮略寫法
字體
font-family
定義字體,允許有多個字體作爲輪候的值。例如:
font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
這樣就會首先使用’Microsoft YaHei’,如果用戶電腦沒有安裝這個字體,則往後使用Arial字體,以此類推。
@font-face
css3中的一個模塊,允許開發者自定義web字體,以及其路徑,用法如下:
@font-face {
font-family: <YourWebFontName>;
src: <source> [<format>][,<source> [<format>]]*;
[font-weight: <weight>];
[font-style: <style>];
}
在定義了@font-face的font-family後,則可以在其他font-family調用這個名稱的字體了。
參考文章:css font-face
粗細
font-weight
定義字體的粗細,按照從小到大以及默認值有:
100-900\thinker\bold\normal等值
大小
font-size
定義字體大小
1.5em\15px
斜體
font-style
定義字體是否爲斜體
行距
line-height
定義字體的行間隔,通常可以用於字體的垂直居中。
縮略寫法
font:font-style font-weight font-size line-height font-family;
(斜粗大高體……寫出大高體……隨便記吧)
參考文章:[font和background的縮寫形式(當然,常用的還有border的縮寫)