CSS中關於font的樣式

CSS中關於font的樣式

  1. 字體
  2. 粗細
  3. 大小
  4. 斜體
  5. 行距
  6. 縮略寫法

字體

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的縮寫)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章