码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-04-28 01:51:28      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

字体系列

技术分享

特定字体: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);)

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

标签:

原文地址:http://www.cnblogs.com/stonevina/p/4461769.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!