关于网页的字体设置 CSS

html-css069

关于网页的字体设置 CSS,第1张

字体设置使用 CSS font 属性

定义和用法

font 简写属性在一个声明中设置所有字体属性。

注释:此属性也有第六个值:"line-height",可设置行间距。

说明

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

可以按顺序设置如下属性:

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不设置其中的某个值,比如 font:100% verdana也是允许的。未设置的属性会使用其默认值。

可能的值

拓展:

设置字体可以使用CSS font全部设置。也可以使用font-size、font-family之类的属性进行单独设置。

最好是使用大多数人的机器上可能有的常见的truetype字体。

Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。

如果你使用不常见的字体,不要忘记为没有此字体的浏览器指定替代的字体。

通过css设置font-family来制定字体集,浏览器可以顺序查找使用你制定的一系列字体,让你的页面看起来还不错。

・装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。

・不要过分地使用字体,在同一页面中不要使用太多不同的字体。

通常使用两种字体就足够了:一种用于标题,一种由于文本。

某些字体组合常常无法工作。例如,不要再同一页面中使用script和斜体字体,不要在同一页面中使用一种以上的装饰性字体。

・尝试使用相同字型的不同浓淡度使页面更有趣。

如果你的页面相当乏味,没有图像,那么尝试设置促体的浓淡度(通过css的font-weight特性),这会使页面更生动。使用不用的浓淡度不仅可以使页面更吸引人,它还是组织信息的最有效的方法之一。

・不要在同一页面中放两种sans serif字体,除非你确实知道在做什么。

如果你要在同一页面中使用两种字体,它们应该来自两种不同的字型类别。

・不同的操作系统及浏览器中pt字会不一样大。

pt(磅)最早是用于印刷的字号,在windows和mac os里面,相同的pt值会对应不同的px(像素)值。唯一可靠的单位,就是px。

・设置字号的时候,要考虑好来你的网站的客人会是什么样的人?

如果你设置了固定的字号,比如12px,那么,对于普通浏览者来说,这是没什么问题的,但是如果你的网站的浏览者包括老人和视力有问题的人群,那么这个尺寸就太小了,最好提供个他们可以选择页面字体的权利。

CSS 字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。

在 CSS 中,有两种不同类型的字体系列名称:

通用字体系列 - 拥有相似外观的字体系统组合(比如 Serif 或 Monospace)

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

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

Serif 字体

Sans-serif 字体

Monospace 字体

Cursive 字体

Fantasy 字体

如果需要了解更多有关字体系列的知识,请阅读 CSS 字体系列。