💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 字体样式 [TOC] CSS字体属性定义字体,加粗,大小,文字样式。 ## 字体类型 `font-family`属性设置文字的字体系列,类似于Word字体。多个字体之间可以使用都号分隔。 ~~~css p { font-family:黑体,宋体; } ~~~ >[info]`font-family` 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。 ## 字体样式 `font-style`属性设置字体样式,该属性主要是用于指定斜体文字的字体样式属性。 ~~~css p { font-style:italic; } ~~~ 这个属性有三个值: * 正常 - 正常显示文本 * 斜体 - 以斜体字显示的文字 * 倾斜的文字 - 文字向一边倾斜(和斜体非常类似,但不太支持) >[success]字体设计的时候,一般有正常,斜体两种形式。但是有的字体没有设计斜体的形式。italic和oblique都是右倾斜文字,但区别在于italic是指斜体,而oblique是指倾斜的文字,对于没有斜体的字体,强制倾斜。 ## 字体大小 `font-size` 属性设置文本的大小。 ~~~css p { font-size:19px; } ~~~ >[info]不能通过调整字体大小使段落看上去像标题,或者使标题看上去像段落。请务必使用正确的HTML标签。 ## 字体粗细 `font-weight`属性用来设置字体的粗细 ~~~css p { font-weight:bolder; } ~~~ ![](http://cndpic.dodoke.com/593644793c9793ee7116786da731f623) ## 简写属性 font 简写属性在一个声明中设置所有字体属性。 可设置的属性是(按顺序): "font-style font-variant font-weight font-size/line-height font-family" ~~~css p { font:italic bold 12px/30px Georgia, serif; } ~~~