CSS的常用字体样式声明块

一、字体的样式

1.color

可以通过rgb或十六进制等不同方式来设置字体的颜色

2.font-size

设置字体的大小

3.font-family

设置文字得到字体

4.@font-face

自定义字体

@font-face{/*给字体起的名字*/
             font-family：“名字”；
             /*引入字体的路径*/
             src：url（）；}

5.font-style

设置字体的斜体

font-style：italic；斜体

font-style：oblique；斜体（不常用）

font-style：normal；（正常值）

6.font-weight

设置字体的加粗

font-weight：bold/bolder； （数值100~900 ，由细到粗）

font-weight：normal；（正常值）

7.font-variant

设置小型大写字母

font-variant:small-caps; 设置小型大写字母

font-variant：normal；正常值

8.font的简写

{font：bold italic 30px；fantasy；}

注意：必须设置字体的大小，字体大小必须在倒数第二位，字体必须在倒数第一位

二、字体的分类

在网页中将字体分成5大类

serif  ['serif]       衬线字体

sans-serif          非衬线字体

monospace         等宽字体

cursive              草书字体

fantasy              虚幻字体

    <p style="font-family:serif;">我是衬线字体</p>
    <p style="font-family:sans-serif;">我是非衬线字体</p>
    <p style="font-family:monospace;">我是等宽字体</p>
    <p style="font-family:cursive;">我是草书字体</p>
    <p style="font-family:fantasy;">我是虚幻字体</p>

注意：浏览器会自动选择字体并应用样式