字体

8. 增加字体和颜色样式 - 图1

字体系列

8. 增加字体和颜色样式 - 图2

gont-family规范

8. 增加字体和颜色样式 - 图3

保证字体正常运行

  • 找到合适字体

  • 下载字体

  • 把字体文件放在web上

  • 在CSS中增加@font-face属性

  • 8. 增加字体和颜色样式 - 图4

  • 使用添加属性字体

font-Size控制字体大小

body{font-size:14px}

是14px的1.5倍
h1{font-size:150%}

同时,用em为单位,1.2em即为8. 增加字体和颜色样式 - 图5

利用修饰

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • XX-large

color修改文本颜色

8. 增加字体和颜色样式 - 图6

  • 除了指定颜色外可以使用rgb色表
  • 16进制指定颜色

font-weight改变字体粗细

8. 增加字体和颜色样式 - 图7

  • lighter
  • normal
  • bold
  • bolder

text-deciration增加文本风格

8. 增加字体和颜色样式 - 图8

  • none
  • underline
  • overline(上划线)
  • line-through
  • italic (衬线弯曲)
  • oblique(只是右倾)