css 字体相关属性的设置

字体类 (font)

font 设置或检索对象中的文本特性。该属性是复合属性。

  • font:[ [ <’ font-style ‘> || <’ font-variant ‘> || <’ font-weight ‘> ]? <’ font-size ‘> [ / <’ line-height ‘> ]? <’ font-family ‘> ]

font-style : 指定文本字体样式

  • normal:指定文本字体样式为正常的字体 
    • italic: 指定文本字体样式为斜体。对于没有设计斜体的特殊字体,如果要使用斜体外观将应用oblique
    • oblique: 指定文本字体样式为倾斜的字体。人为的使文字倾斜,而不是去选取字体中的斜体字

font-variant:指定文本是否为小型的大写字母

  • normal: 正常的字体
  • small-caps:小型的大写字母字体

font-weight:指定文本字体的粗细

  • normal: 正常的字体。相当于数字值400
  • bold: 粗体。相当于数字值700。
  • bolder: 定义比继承值更重的值
  • lighter: 定义比继承值更轻的值
  • integer: 用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

font-size: 指定文本字体尺寸

line-height: 指定文本字体的行高,即字体最底端与字体内部顶端之间的距离

  • normal: 允许内容顶开或溢出指定的容器边界。
  • length: 用长度值指定行高。不允许负值。
  • percentage: 用百分比指定行高,其百分比取值是基于字体的高度尺寸。不允许负值。
  • number: 用乘积因子指定行高。不允许负值。

font-family : 指定文本使用某个字体或字体序列

  • family-name = arial | georgia | verdana | helvetica | simsun and etc(字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文,则应使用引号括起)
  • generic-family = cursive | fantasy | monospace | serif | sans-serif(字体序列名称)
  • body { font-family: helvetica, verdana, sans-serif; }
posted @ 2018-08-28 16:44  —只小白  阅读(696)  评论(0编辑  收藏  举报