html、css之字体样式

一、字体类型 font-family

<style>
    div {font-family:微软雅黑,Arial,Times New Roman;}
<style>
<body>
    <div>字体样式 font-family</div>
</body>

二、字体大小 font-size

<style>
    div {font-size:14px;}
</style>
<body>
    <div>字体大小font-size</div>
</body>

三、字体颜色 color

<style>
    div {color:red;}
</style>
<body>
    <div>字体颜色 color</div>
</body>

四、字体粗细 font-weight,其中 400对应的是normal，700对应 bold，900对应bolder

<style>
    div {font-weight:400;}
</style>
<body>
    <div>字体粗细 font-weight</div>
</body>

五、字体斜体 font-style,该属性有三个分别是 normal、italic（斜体）、oblique（斜体）不过是将没有没有斜体变量 italic的特殊字体，要用oblique

<style>
    div {font-style:normal;}
</style>
<body>
    <div>字体斜体 font-style</div>
</body>