文字大小:font-size
文字粗细:font-weight
文字样式:font-style
文字字体:font-family
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p {
/*文字大小:font-size
取值:数字+px
*/
font-size: 60px;
/*文字的粗细:font-weight
取值:
1. 关键字
1. normal(默认值) 正常粗细!!!
2. bold 文字加粗
2. 没有单位的数字
1. 400 正常粗细
2. 700 文字加粗
*/
font-weight: 400;
/*文字的样式: font-style
文字是否倾斜~~~
取值:
1. normal(默认值) 文字不倾斜
2. italic 文字倾斜
*/
font-style: normal;
/*文字的类型: 楷体 宋体
font-family 微软雅黑(默认值!!!)
注意点:
1. font-family可以同时设置多个取值,取值与取值之间是以逗号分隔的!!
显示的效果:
1. 如果取值第一个可以显示,就会显示第一个!!!
2. 如果第一个字体不能显示,此时就会显示第二个字体
如果所有的取值都不能显示,最后就会显示默认值(微软雅黑!!)
2. 如果电脑中没有安装对应的字体,设置的字体是失效的!!!
*/
font-family: '隶书','楷体';
}
</style>
</head>
<body>
<p>我是可爱的燕燕</p>
</body>