字体

字体系列

特定字体系列:Times,Verdana,Helvetica,Arial 。

CSS定义的5种通用的字体系列:Serif字体,Sans-serif字体,Monospace字体,Cursive字体,Fanstasy字体。

从理论上讲,用户安装的任何字体系列都会落入上述某种通用系列当中。

 

Font-family指定采用字体系列。通过结合特定字体名和通用字体系类,可以创建与你预想完全相同(或者很接近)的文档。

         有关font-family属性说明在https://www.w3.org/TR/CSS22/fonts.html#font-family-prop这个链接可以找的到,上面的说明符号感觉类似正则表达式,有下面的文档约定:

 

文档约定

1.        基本数据类型,出现在“<”和“>”之间。斜线(/)和逗号(,)必须原样出现。等宽度字体显示的词是必须原样显示关键字,不要加引号。

2.        几个并列的词意味着它们都必须按照给定的顺序出现。

3.        “|”分隔两个或更多的选项,则必须有一个选项出现。

4.        “||”分隔两个或更多组件,可以出现一个或多个或所有选项,可以任意顺序。

5.        “&&”分隔两个或更多组件,所有这些组件都必须全部出现,可以任意顺序。

6.         “[]”表示分组。

7.        星号(*)指示前面的类型、单词或组出现零次或多次。

8.        加号(+)表示前面的类型、单词或组出现一次或多次。

9.        问号(?)指示前面的类型、单词或组是可选的。

10.    在括号内的一对数字({a,b})表示前面的类型、单词或组至少出现a个和最多b次。

注:关于文档约定可以看 About the CSS 2.2Specification

 

使用引号:

字体名中有一个或多个空格,或者字体名中包括#或$之类的符号,才需要在font-family的属性值中加引号。如果字体名称和通用字体系列同名,也要加引号,单引号和双引号都可以接受。

 

字体加粗

一般的,100-900这些数都被定义为与某一个常用变形名等价,400等价于normal,700等价与bold。如果将一个元素加粗设置为bolder,用户代理必须确定从父元素继承的font-weight值。然后选择一个数,比继承下来的值更大,并且在所有满足条件的数中最小。如果继承下来的值已经是900,加粗则保持900。

 

字体大小

这个属性拥有两个相对大小的关键字larger和smaller,可以让font-size的计算值上移或下移。Font-size的作用是为给定字体的em框提供一个大小,而不能保证实际显示的字符就是这种大小。

可以指定绝对大小和相对大小,也可以指定百分数的值。字体大小继承时继承的是计算值不是百分数。使用长度单位时,我们应该关心显示媒体的ppi,不同的显示器有着不同的分辨率。

 

字体风格

字体变形

font属性

line-height是一个文本属性,而不是字体属性,可以作为font-size的一个补充,并用一个/分隔。

系统字体

字体匹配

 

Font-face规则

 



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值