CSS 字型 _生活百科

CSS 字型【CSS 字型】CSS 字型属性定义文本的字型系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。
基本介绍中文名：CSS 字型
外文名：CSS FONT
字型系列名称：通用字型系列
使用引号：单引号或双引号都可以接受
字型风格：font-style 属性最常用斜体文本
CSS 字型系列CSS 字型属性定义文本的字型系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。在 CSS 中，有两种不同类型的字型系列名称：通用字型系列 - 拥有相似外观的字型系统组合（比如 "Serif" 或 "Monospace"）特定字型系列 - 具体的字型系列（比如 "Times" 或 "Courier"）除了各种特定的字型系列外，CSS 定义了 5 种通用字型系列：Serif 字型Sans-serif 字型Monospace 字型Cursive 字型Fantasy 字型如果需要了解更多有关字型系列的知识，请阅读 CSS 字型系列。指定字型系列使用 font-family 属性定义文本的字型系列。使用通用字型系列如果你希望文档使用一种 sans-serif 字型，但是你并不关心是哪一种字型，以下就是一个合适的声明：body {font-family: sans-serif;}这样用户代理就会从 sans-serif 字型系列中选择一个字型（如 Helvetica），并将其套用到 body 元素。因为有继承，这种字型选择还将套用到 body 元素中包含的所有元素，除非有一种更特定的选择器将其覆盖。指定字型系列除了使用通用的字型系列，您还可以通过 font-family 属性设定更具体的字型。下面的例子为所有 h1 元素设定了 Georgia 字型：h1 {font-family: Georgia;}这样的规则同时会产生另外一个问题，如果用户代理上没有安装 Georgia 字型，就只能使用用户代理的默认字型来显示 h1 元素。我们可以通过结合特定字型名和通用字型系列来解决这个问题：h1 {font-family: Georgia, serif;}如果读者没有安装 Georgia，但安装了 Times 字型（serif 字型系列中的一种字型），用户代理就可能对 h1 元素使用 Times 。儘管 Times 与 Georgia 并不完全匹配，但至少足够接近。因此，我们建议在所有 font-family 规则中都提供一个通用字型系列。这样就提供了一条后路，在用户代理无法提供与规则匹配的特定字型时，就可以选择一个候选字型。如果您对字型非常熟悉，也可以为给定的元素指定一系列类似的字型。要做到这一点，需要把这些字型按照优先顺序排列，然后用逗号进行连线：p {font-family: Times, TimesNR, 'New Century Schoolbook',Georgia, 'New York', serif;}根据这个列表，用户代理会按所列的顺序查找这些字型。如果列出的所有字型都不可用，就会简单地选择一种可用的 serif 字型。使用引号您也许已经注意到了，上面的例子中使用了单引号。只有当字型名中有一个或多个空格（比如 New York），或者如果字型名包括 # 或 $ 之类的符号，才需要在 font-family 声明中加引号。单引号或双引号都可以接受。但是，如果把一个 font-family 属性放在 HTML 的 style 属性中，则需要使用该属性本身未使用的那种引号：<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,'New York', serif;">...</p>亲自试一试字型风格font-style 属性最常用于规定斜体文本。该属性有三个值：normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示实例p.normal {font-style:normal;}p.italic {font-style:italic;}p.oblique {font-style:oblique;}