字体

在CSS中定义了5种通用字体系列

可以使用font-family在文档中采用下面的任何字体系列

Serif字体

这些字体成比例,而且上下有短线,Serif字体的例子包括Times、Georgia和New Century Schoolbook


Serif字体

Sans-serif字体

这些字体成比例,而且没有上下短线,包括Helvetica、Geneva、Verdana、Arial和Univers


Sans-serif字体

Monospace字体

字体不成比例,通常用于模拟打字机打出的文本,采用这些字体,每个字符的宽度都完全相同,这些字体可能有上下短线,也可能没有。包括Courier、Courier New和Andale Mono


Monospace字体

Cursive字体

这些字体试图模拟人的手写体,主要由曲线和serif字体中没有的笔画装饰组成,包括Zapf Chancery、Author和Comic Sans

Cursive字体

Fantasy字体

这些字体无法用任何特征来定义,包括Western、Woodblock和Klingon


Fantasy字体

如果你希望在文档中的某处使用一个字体,同时可接受其他的几个字体

用户代理会按这个顺序来查找这些字体

在style属性中,有些字体只能用单引号,不能用双引号


字体粗细 font-weight                            P107

值:normal、bold、bolder、lighter、100,200,300,400,500,600,700,800,900,inherit


字体大小 font-size

他的作用是为给定字体em框提供一个大小,而不能保证实际显示的字符,就是这种大小

还可以用百分数来计算,但是百分数是根据从父元素继承的大小来计算的


font属性

他涵盖了所有其他字体属性

如果使用font属性,font的前三个值允许采用任意顺序,font-size和font-family必须放在最后两个,这两个顺序错误,或者其中一个没有,则整个规则都无效,其他被忽略的值都会使用默认值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥黑阅读 11,498评论 0 12
  • http://www.cnblogs.com/duanhuajian/archive/2013/01/31/288...
    ssRice阅读 6,754评论 0 6
  • 我为什么不喜欢撒谎 因为撒谎成本太高 我需要用一个加一个的谎言来掩护ta
    未寐人阅读 1,488评论 0 0
  • 爸爸走的第十六天,我才梦见他。大概是因为他不挂念我,所以我现在才梦见他。梦里真切的感觉他回来了,他说要开车送我上学...
    沫忆_8b3a阅读 923评论 0 0
  • 那种和自己和自然和家人和邻居悠然有在一起的感觉是没有了。 物质能力和欲望是极大的丰富了,但是精神却无处安放。 似乎...
    咸叔说阅读 1,794评论 0 0