文本周围要留充足空间。
文本背景不要与文本周围的彩色界面(框架、其他元素背景或页面边框)所混淆。(比如表格单元内字体与边框之间要留有间距。)
两个文本块(比如段落)的垂直间距必须大于单个文本块的行高。同样,水平间距至少是单词间距的两倍。
只有绝对尺寸或者相对单位可以用来定义文字大小,...
设计师只能定义绝对(使用 CSS 关键字 xx-small, x-small, small, medium, large, x-large and xx-large)字体大小,或者相对其他元素的字体大小(smaller, larger, 百分比 和 em 以及 ex 单位值)。绝对单位(pt, cm, mm, in, pc)只适用于纸媒体(比如印刷品)。不能将 px 单位用于字体尺寸。
... 文字尺寸不能小于xx-small。
此限制适用于字体相对大小,设计师必须要重视下面的表格数据:
| CSS sizes ratios | xx-small | x-small | small | medium / default |
large | x-large | xx-large |
|---|---|---|---|---|---|---|---|
| xx-small | 100% | 125% | 148,33% | 166,67% | 200% | 250% | 333,33% |
| x-small | 80% | 100% | 118,67% | 133,33% | 160% | 200% | 266,67% |
| small | 67,42% | 84,27% | 100% | 112,36% | 134,83% | 168,54% | 224,72% |
| medium / default |
60% | 75% | 89% | 100% | 120% | 150% | 200% |
| large | 50% | 62,5% | 74,17% | 83,33% | 100% | 125% | 166,67% |
| x-large | 40% | 50% | 59,33% | 66,67% | 80% | 100% | 133,33% |
| xx-large | 30% | 37,5% | 44,5% | 50% | 60% | 75% | 100% |
实例:比如一个元素被设置成 large 尺寸,那么 xx-small 的数值就是它的 50 % 大小。large 尺寸大小必须至少是派生字体尺寸大小(0.5em)的 50% 。当元素尺寸并未指定时,它的默认尺寸大小是 medium 。
小字体尺寸很少被使用,只用于辅助页面元素。页面字体尺寸至少要大于 small 。
当网页内容用于屏幕输出或者打印时,字体必须在访客输出设备(通用打印类型)上可用。
CSS中定义的 font-family 最终值必须为 serif , sans-serif, monospace, cursive 或者 fantasy 中的一个。