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,单位需要设置,否则无效。

最新文章

  1. matlab中pcolorh函数作用
  2. socketserver模块写的一个简单ftp程序
  3. 使用ConditionalScope进行高效的SharePoint CSOM编程
  4. 为nginx增加nginx_http_concat模块
  5. java 基本类型之间的转换
  6. 调查程序phpquestionnaire 2.2中文安装注意
  7. [原创]Jquery实现表格内容点击隐藏显示内容
  8. Vulkan Tutorial 16 Command buffers
  9. kevin的黎明十分
  10. 201521123104 《Java程序设计》第14周学习总结
  11. IdentityServer4 退出登录后,跳转到原来页面
  12. CSS中设置border:none和border:0的区别
  13. hihoCoder 1036 Trie图 AC自动机
  14. 文件服务器的详细配置之共享权限与NTFS权限的设置
  15. FFT Cheetsheet
  16. Drools为什么没有规则流Flow Flie
  17. pgm16
  18. Spring Schedule整合配置
  19. HDU - 4198 Quick out of the Harbour (BFS+优先队列)
  20. java生成word的完美解决方案

热门文章

  1. Oracle function函数中无法使用update更新
  2. 浏览器 - 重绘(repaint)重排(reflow)
  3. winform 更新下载压缩文件解压并覆盖
  4. vue3项目一些小坑
  5. 组建LAN
  6. 加密算法和hash
  7. LocalDateTime 使用记录
  8. kali对安卓的渗透(内网穿透)
  9. 小白之Linux基础命令
  10. ubuntu22.04安装 kubernetes(docker)