Web字体允许Web设计人员使用未安装在查看器计算机上的字体。
**Web字体排印**（英語：）是指在万维网上使用字体。首次创建HTML时，字体和字形完全由每个Web浏览器的设置控制。直到1995年Netscape引入了`<font>`标签，在HTML 3.2规范中标准化，单个网页才能控制字体显示。但是，标签指定的字体必须安装在用户的计算机上，否则将使用后备字体，例如浏览器的默认无衬线字体或等宽字体。1996年发布的第一个CSS规范提供了相同的功能。

CSS2规范于1998年发布，试图通过添加字体匹配、合成和下载来改进字体选择过程。这些技术没有得到太多的使用，并且在CSS2.1规范中被删除。不过，Internet Explorer在1997年发布的4.0版本中添加了对字体下载功能的支持。 字体下载后来被包含在CSS3字体模块中，并且已经在Safari 3.1、Opera 10和Mozilla Firefox 3.5中实现。随后，人们了对Web字体排印以及字体下载应用的兴趣。

CSS1
----

在第一个CSS规范中， 作者通过一系列属性指定了字体特征：

* `font-family`
* `font-style`
* `font-variant`
* `font-weight`
* `font-size`

所有字体都是按名称标识的。除了上面提到的属性之外，设计师没有办法设置字体的样式，也没有任何机制可以选择客户端系统上不存在的字体。

### Web安全字体

**Web安全字体**是很可能存在于各种计算机系统中的字体，并且Web内容作者使用这些字体来增加内容显示为他们所选字体的可能性。如果网站的访问者没有指定的字体，他们的浏览器会尝试根据作者指定的后备字体和通用族选择类似的替代方法，或者使用访问者操作系统中定义的字体替换。

### 微软的Web核心字体

自从为Web程序发布微软核心字体以来，Arial、Georgia和Verdana已经成为三种实打实的在Web上广泛使用的字体。
条目：網頁核心字型
为确保所有Web用户都拥有基本的字体集，微软于1996年启动了Web核心字体计划（该计划在2002年终止）。发布的字体包括Arial、Courier New、Times New Roman、Comic Sans、Impact、Georgia、Trebuchet、Webdings和Verdana，其EULA使这些字体可以自由分发，但也限制了一些使用权限。他们的高渗透率使他们成为网页设计师的必备品。但是，大多数Linux发行版默认不包含这些字体。

CSS2试图通过添加字体合成、改进的字体匹配以及下载远程字体的能力来增加Web开发人员可用的工具。

一些CSS2字体属性已从CSS2.1中删除，后来被包含在CSS3中。

### 后备字体

条目：后备字体
CSS规范允许将多种字体列为后备字体。 在CSS中，`font-family`属性接受用逗号分隔的字体列表，如下所示：

```
font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
```

指定的第一个字体是首选字体。如果此字体不可用，则Web浏览器会尝试使用列表中的下一个字体。如果未找到指定的字体，浏览器将显示其默认字体。如果浏览器尝试显示指定字体中不存在的字符，则同样的过程也会在每个字符上发生。

### 通用字体族

为了让网页设计师能够控制网页上字体的外观，即使指定的字体不可用，CSS规范也允许使用多种通用字体族。这些系列旨在根据其外观将字体分为几类。它们通常被指定为一系列后备字体中的最后一个，作为作者指定的任何字体都不可用的最后手段。有五个通用系列：

Sans-serif

字符上没有装饰性标记（或衬线）的字体。这些字体通常被认为更容易在屏幕上阅读。
Serif

字符上带有装饰性标记（或衬线）的字体。
Monospace

所有字符同样宽的字体。
Cursive

类似草书书写的字体。这些字体可能具有装饰性外观，但在小尺寸下很难阅读，因此通常要谨慎使用。
Fantasy

可能包含符号或其他装饰属性但仍表示指定字符的字体。

参见
--

* Scalable Inman Flash Replacement
* WOFF中提到的RFC列表（2009-10-23草案）：
	+ RFC 1950 ZLIB压缩数据格式规范
	+ RFC 2119 在RFC中用于指示需求级别的关键词
	+ RFC 4647 语言标签的匹配

参考文献
----

1. ↑  Garaffa, Dave.. Internet.com. 2 September 1997  [2018年11月29日]. （原始内容存档于1998年7月8日）.
2. ↑  , W3C, 1996-12-17  [2018-03-18], （原始内容存档于2009-04-01）
3. ↑  , Cascading Style Sheets, level 2:CSS2 Specification (World Wide Web Consortium), 1998-05-12  [2009-07-28], （原始内容存档于2019-01-17）
4. ↑  , World Wide Web Consortium,  [2010-01-30], （原始内容存档于2017-12-28）
5. ↑  , World Wide Web Consortium,  [2010-01-30], （原始内容存档于2016-03-10）
6. 1 2  , Fonts (World Wide Web Consortium),  [2018-03-18], （原始内容存档于2019-05-14）
7. ↑  Poole, Alex.. 2005-04-07  [2017-09-27]. （原始内容存档于2016-10-16）.

外部链接
----

|  |  |
| --- | --- |
|  | 維基學院中的相關研究或學習資源：**Web字体排印** |

|  |  |
| --- | --- |
|  | 维基共享资源中相关的多媒体资源：**Web字体排印** |

* W3C CSS字体规范 （页面存档备份，存于）

|  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| 

| * 
* 论
* 编
字体排印学术语 |
| --- |
|  |
| 页 | 
* 頁碼
* 书籍的右页和左页
* 邊界
* 栏
* 页面构造原理
* 抬升式引用（英语：）

 |
|  |
| 段 | 
* 寡行和孤行
* 行距
* 川流
* 對齊
* 縮排
* 齊行
* 句间距

 |
|  |
| 字 | 

|  |  |
| --- | --- |
| 字型结构 | 
* 字怀
* 附加符号
* Dingbat
* 字型
* 首字放大
* 字間減位
* 字母間距
* 合字
* 下标
* 上标
* 不齐线数字

 |
|  |
| 大小写 | 
* 大寫字母
* 小寫字母
* 小型大写字母

 |
|  |
| 垂直方面 | 
* 升部
* 降部
* 基線
* 大寫高度
* 主線
* x字高

 |

 |
|  |
| 字型 | 
* 斜体
	+ 意大利体
	+ 伪斜体
* 粗體
* 比例字体
* 等宽字体
* 粗细

 |
|  |
| 分類 | 

|  |  |
| --- | --- |
| 羅馬體 | 
* 老式（英语：）
* 无衬线体（黑體）
* 衬线体
* 过渡体
* 现代
* 粗衬线体

 |
|  |
| 哥特体 | 
* Textualis
* Rotunda（英语：）
* Schwabacher（英语：）
* 德文尖角體

 |

 |
|  |
| 标点符号 | 
* 悬挂标点
* 连字号
* 引号
* 角分符号
* 连接号

 |
|  |
| 排版 | 
* 字体设计
* 书法
* 字体
* 字型
* ）
	+ Etaoin shrdlu（英语：）
	+ 亂數假文
	+ Punchcutting（英语：）
	+ 全字母句
	+ 活字印刷
	+ 紙型（日语：）
	+ 凸版印刷（t（英语：）
* 縱書與橫書
* 照相排版
* 桌面出版

 |
|  |
| 排版單位 | 
* 點
* 派卡
* 西塞羅
* em
* en
* 
* 字级
* 字号

 |
|  |
| 數碼印刷 | 
* 字体格式
* 排版软件
* 字符编码
* 字体光栅化
* 字体微调

 |
|  |
| 相关 | 
* 空白頁
* 字體開發公司（英语：）
* 格式指南
* 免费商用字体

 |
|  |
| 
* 分类
* 分类

 |

 |