21、CSS 字体操作全解析

CSS 字体操作全解析

1. 字体大小关键字与长度单位

在网页设计中，字体大小的设置是一个重要的环节。字体大小关键字与长度单位的关联在不同字体下可能会有所不同。例如，在特定字体（如 Rockwell 字体）中，字体大小关键字与长度单位的关联是有效的，但所呈现的磅值只是近似值。当使用其他字体时，相同的关键字对应的磅值可能会不同。

不同浏览器对字体大小调整的响应也有所差异：
- Opera 和 Mozilla ：当使用浏览器的缩放功能增加或减小文本大小时，磅值会根据绝对关键字值做出相应变化。
- Internet Explorer 6 ：会忽略用户对以磅（或其他绝对长度单位，如英寸或厘米）指定的字体大小的偏好调整。在 Internet Explorer 中，可以通过“View ➪Text Size”菜单来调整字体大小；在 Mozilla 中，可以通过按“Ctrl + +”或“Ctrl + -”，或者从“View ➪Text Zoom”菜单进行调整；在 Opera 中，可以使用与 Mozilla 相同的快捷键，或者从“View ➪Zoom”菜单进行调整。

2. 相对字体大小

font-size 属性的 <relative-size> 表示法有两个值： larger 和 smaller 。当使用这两个值时，字体大小由前面讨论的绝对大小关键字表中的值决定。

例如：