14、Web字体全解析：从基础到自动下载

Web字体全解析：从基础到自动下载

1. 网页排版基础

在网页设计中，字体是至关重要的元素。字体基本由字形（glyphs）组成，字形是字体家族中各个成员基于机器的实际描述，这些描述基于矢量轮廓或像素位图。每个字体都存在于一个名为“em方块”的不可见网格上，它构成了字体描述所依赖的边界。

例如，PostScript等基于印刷的字体通过将em方块分割成更小的部分（PostScript为1000份，TrueType为2048份）来确定精确的宽度和高度。OpenType也会将em方块分割成2400份，机器利用这些分割来精确测量em方块内的距离以及字体字形不同部分的存在。这种基于分割的定位赋予了每种字体独特的特征。

2. 错误的字体描述方式

虽然仅仅因为W3C已弃用某个元素（意味着该元素已停止使用，不再是任何正式规范的一部分）就说不应该使用它，这似乎有些强硬。但当意识到使用它会导致极其繁琐的维护问题时，这种观点就不那么强硬了。

字体元素可用于呈现字体属性，但它已被弃用，在XHTML 1.1规范中甚至都找不到它。使用它的理论是控制字体外观，但在实践中会出现糟糕的情况。例如，用户可能将字体大小设置为1，在某些屏幕上小到无法阅读；或者设置为3，对于视力不好且浏览器偏好设置为大字体的用户，几个单词可能会占据整个屏幕。

字体元素的属性如下：
- SIZE=CDATA（字体大小调整）
- COLOR=Color（字体颜色调整）
- FACE=CDATA（字体外观调整）
- HTML 4.0核心属性
- HTML 4.0国际化属性

示例代码如下：

<