《CSS权威指南》笔记0.5:字体

字体系列

技术分享

特定字体:Times、Verdana、Helvetica、Arial

通用字体:Serif(字体成比例,有上下短线)、Sans-serif(字体成比例,没有上下短线)、Monospace(不成比例)、Cursive(模仿手写体)、Fantasy(无明显特征)

注意:一般使用font-family,会指定多种字体,建议将通用字体作为候选字体存在,如:h1{font-family: Arial, sans-serif};当字体中包含空格、#、$之类的符号时,需要使用单引号声明字体。

字体加粗

技术分享

一般认为,normal对应400,bold对应700

字体大小

技术分享

7种绝对大小:xx-small、x-small、small、medium、large、x-large、xx-large,缩放因子1.0~1.2

相对大小:larger、smaller是相对于父元素的大小

百分数:根据从父元素继承的大小计算,继承的是计算值,可以累加。1em等于100%

字体风格

技术分享

字体变形

技术分享

字体拉伸

技术分享

调整字体大小

技术分享

 font复合属性

技术分享

使用系统字体:如caption、icon、menu等

font-face规则

  • 字体名匹配
  • 智能字体匹配(字体外观相似)
  • 字体合同
  • 字体下载。@font-face(font-family: ‘Scarborough Fair‘; src: url(https://www.example.com/fonts/ps/scarborough.ps);)

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。