html字体名称有哪些,css有哪些字体系列？

设置字体属性是样式表的最常见的用途之一。在CSS 中，有两种不同类型的字体系列：通用字体系列和特定字体系列。下面本篇文章就来给大家介绍一下CSS字体系列，希望对大家有所帮助。

字体系列

相同的字体可能有很多不同的称呼。例如，你可能对字体Times很熟悉，不过，Times实际上是多种变形的一个组合，包括TimesRegular、TimesBold、TimesItalic、TimesOblique、TimesBoldOblique等等。

Times的每种变形都是一个具体的字体风格，而我们通常认为Times是所有这些变形的一个组合。换句话说，Times实际上是一个字体系列(font family)，而不只是单个的字体，尽管我们大多数人都认为字体就是某一种字体。

在 CSS 中，有两种不同类型的字体系列：通用字体系列 - 拥有相似外观的字体系统组合(比如 Serif 或 Monospace)

特定字体系列 - 具体的字体系列(比如 Times 、 Courier、Verdana、Helvetica 或 Arial)

除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列：

Serif字体

这些字体成比例，而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度，则称该字体是成比例的。例如，小写的i和小写的m的宽度就不同。上下短线是每个字符笔划末端的装饰。如下图所示：

Sans-serif字体

这些字体是成比例的，而且没有上线短线。sans-serif字体的例子包括Helvetica、Geneva、Arial和Univers。

Monospace字体

Monospace字体不是成比例的，每个字符的宽度都完全相同，所以小写的i与小写的m有相同的宽度。这些字体可能有上下短线，也可能没有。如果一个字体的字符宽度完全相同，则归类为monospace字体，而不论是否有上下短线。monospace字体的例子包括Courier、Courier New和Andale Mono。

Cursive 字体

Cursive 字体这些字体试图模仿人的手写体。通常，它们主要由曲线和 Serif 字体中没有的笔划装饰组成。例如，大写 A 再其左腿底部可能有一个小弯，或者完全由花体部分和小的弯曲部分组成。Cursive 字体的例子包括 Zapf Chancery、Author 和 Comic Sans。

Fantasy字体

这些字体无法用任何特征来定义，只有一点是确定的，那就是我们无法很容易地将其划归为任何一种其他的字体系列当中。这样的字体包括Western、Woodblock和Klingon。

理论上讲，用户安装的任何字体系列都会落入到上述某种通用系列中，但实际上可能并非如此，不过例外情况(如果有的话)往往很少。

html字体名称有哪些,css有哪些字体系列？相关推荐

css文本字体形状_使用CSS更改文本字体
css文本字体形状 In the last module, we discussed text formatting. By now, you already know how to work wit ...
在php里让字体划过变色,鼠标划过字体时如何用css来实现字体变色？（代码实测）...
当我们在浏览网页时,鼠标划过某段文字会出现变色效果,这就是css字体变色,一方面是为了主动吸引人用户目光去点击,另一方面是为了防止用户点击错其他文字段落.其实这种css鼠标经过字体变色的效果是非常容易 ...
html设置三号字体是多少px,CSS 中二号字体是多少 px?
CSS 中二号字体是多少 px? 汉字大小定为七个号数等级 -- 按, 1 号, 2 号, 3 号, 4 号, 5 号, 6 号, 7 号由大至小排列. 在字号等级之间又增加一些字号, 并取名为 &q ...
java 字体名称_如何从Java获取字体名称列表
在Java中,我们可以创建一个Font对象: new Font("Helvetica", Font.PLAIN, 12); 我的问题是如何从Java中获取整个字体名称列表,例如&q ...
jsp调整字体大小font_jsp中CSS如何设置字体大小、斜体及颜色
我想在自己的网站中应用这个菜单,但是菜单的字体是固定的,应该怎样改变字体的大小(这个字体太小了,中文显示很难看!) 先解这个问题: 修改这两个CSS即可 .style1 {font-size: 30p ...
html中加粗的字体如何改细,css怎么把字体变细？
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力. 在CSS中,通过 font-weight属性用来设置字体的粗细值. 该属性用于 ...
html字体下沉怎么设置,css如何让字体下沉
css让字体下沉的方法:首先创建一个HTML示例文件:然后使用伪元素"::first-letter"选中一段文本的首字:接着使用"font-size"属性设置首 ...
php链接字体颜色,通过html/css设置超链接字体颜色
超链接字体颜色设置是通过css来设置,a链接的颜色设置常用的有以下两种,1.超链接a的初始状态颜色,2.超链接字体的鼠标滑过颜色,还有两种病不常用:3.超链接字体的已访问颜色超链接字体颜色设置是通过 ...
html设置导入字体样式表,HTML CSS@face 导入字体
@font-face { font-family: 'emotion'; src: url('emotion.eot'); /* IE9*/ src: url('emotion.eot?#iefix' ...

html字体名称有哪些,css有哪些字体系列？

html字体名称有哪些,css有哪些字体系列？相关推荐

最新文章

热门文章