字体样式font-style
font-family
指的是字体比如 “宋体”,“微软雅黑”等等
具体字体:微软雅黑、宋体、黑体、宋体等等
字体系列:sans-serif、serf、monospace等
常见字体系列(了解):
1 无衬线字体(sans-serif)
特点:文字笔画粗细均匀,并且首尾无装饰
使用场景:网页中大多采用无衬线字体
常见该系列字体:黑体、Arial
2 衬线字体(serif)
特点:文字笔画粗细不均匀,并且首尾有笔锋装饰
使用场景:报刊书籍中广泛应用
常见该系列字体:宋体、Times New Roman
3 等宽字体(monospace)
特点:每个字母或文字的宽度相等
使用场景:一般用于程序代码编写,有利于代码的阅读和编写
常见该系列字体:Consolas、fira code
渲染规则:
1 从左到右,如果电脑未安装该字体,则显示下一个
2 如果都不支持,电脑会根据操作系统显示默认字体
注意:
1 如果字体名称中存在多个单词,推荐使用引号包裹
2 最后一项字体系列不需要引号包裹
3 网页开发时,尽量使用常见字体,保证不同浏览器显示正常
font-style
指定的是字体倾斜与否,italic 属性值是通过字体本身倾斜,oblique 属性值让字体倾斜一定角度,看起来效果一样,但是对于有些字体,可能原先不能倾斜,所以设置 italic 属性值不生效,设置成 oblique 就生效了。它的值有:normal(默认值)、italic(斜体)、oblique(倾斜)
font-weight
定义了字体的宽度,属性值 lighter细,bold粗,bolder更粗,当然也可以设置具体数值100~900,只能是整百。
关键字 normal(正常) bold(加粗)
纯数字 100~900的整百数 400(正常) 700(加粗)
font-variant
此属性的作用就是将文字转换成大写后缩小
font-size
数字+px,谷歌浏览器默认文字大小为16px,单位需要设置,否则无效。
最新文章
- matlab中pcolorh函数作用
- socketserver模块写的一个简单ftp程序
- 使用ConditionalScope进行高效的SharePoint CSOM编程
- 为nginx增加nginx_http_concat模块
- java 基本类型之间的转换
- 调查程序phpquestionnaire 2.2中文安装注意
- [原创]Jquery实现表格内容点击隐藏显示内容
- Vulkan Tutorial 16 Command buffers
- kevin的黎明十分
- 201521123104 《Java程序设计》第14周学习总结
- IdentityServer4 退出登录后,跳转到原来页面
- CSS中设置border:none和border:0的区别
- hihoCoder 1036 Trie图 AC自动机
- 文件服务器的详细配置之共享权限与NTFS权限的设置
- FFT Cheetsheet
- Drools为什么没有规则流Flow Flie
- pgm16
- Spring Schedule整合配置
- HDU - 4198 Quick out of the Harbour (BFS+优先队列)
- java生成word的完美解决方案