CSS样式-字体(font)

css字体

属性 描述
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-size 设置字体的尺寸。
font-family 设置字体系列。
font-weight 设置字体的粗细。
font-style 设置字体风格。

font-size:文字大小

body {
    font-size : 12px;
}

font-family:字体

  • XP系统不支持微软哑黑的中文,可以使用英文或者Unicode编码代替
  • 可以同时指定多个字体,中间以逗号隔开,如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体

p{ font-family:"Microsoft YaHei";}

字体名称 英文名称 Unicode编码
宋体 SimSun \5B8B\4F53
新宋体 NSimSun \65B0\5B8B\4F53
黑体 SimHei \9ED1\4F53
微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
隶书 LiSu \96B6\4E66
幼园 YouYuan \5E7C\5706
华文细黑 STXihei \534E\6587\7EC6\9ED1
细明体 MingLiU \7EC6\660E\4F53
新细明体 PMingLiU \65B0\7EC6\660E\4F53

font-weight(文字粗细)

  • 使用normal、bold、bolder、lighter、100~900(100的整数倍)来设置
  • 其中normal=400, bold=700;

font-style(字体风格)

  • normal:默认值,浏览器会显示标准的字体样式。
  • italic:浏览器会显示斜体的字体样式。
  • oblique:浏览器会显示倾斜的字体样式。

font综合设置样式

语法如下:

选择器{font: font-style font-weight font-size/line-height font-family;}

  • 其中不需要设置的属性可以省略(取默认值),但须保留font-size和font-family属性,否则font属性将不起作用。
  • line-height设置行与行之间的高度
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,921评论 1 45
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,109评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,173评论 0 0
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,079评论 1 4