字体

CSS - 字体

font-family 设置字体

  • 字体系列的名称超过一个字,它必须用引号,如:font-family:"宋体",
  • 属性设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体
  • 多个字体系列是用一个逗号分隔指明
font: 12px Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;

注:以上是百度的字体,用的是 font 简写

通用字体:拥有相似外观的字体系统组合,如:Serif、sans-serif、Monospace、Fantasy。

注:在 font-family 最后指定一个通用字体,以便在电脑无法提供与规则匹配特定字体时,可以显示这个通用字体。

几种常见都中文字体:

名称
宋体 Windows - SimSun
Mac - STSong
黑体 Windows - SimHei
Mac - STHeiti
微软雅黑 Windows - Microsoft YaHei
Mac - STXihei
楷体 Windows - KaiTi
Mac - STKaiti
p{font-family: "Microsoft YaHei",STXihei,sans-serif;}

CSS - 字体样式

font-style 设置字体样式。font-style的值有:normal - 正常,italic - 斜体

p{font-style: italic;}

注:一般用于设置 i{font-style:normal;}

CSS - 字体大小

font-size 设置字体大小。font-size的设置有多种,建议初学者设置为一个固定的值,如15像素。

body{font-size: 15px;}

CSS - font 简写

body{font: 15px "Microsoft YaHei",STXihei,sans-serif;}

font-size和font-family的值是必需的,通常也只使用这两种。按顺序为 :

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family