随着 Web 技术的疾速倒退,CSS3 曾经成为了设计网页时不可或缺的一部分。而 CSS3 中的字体属性,则成为了设计师们进行网页设计的重要工具。本文将为大家介绍 CSS3 中罕用的字体属性以及其作用。
一、text-rendering-optimizeSpeed
该属性用于管制在页面上渲染文本的速度。设置为 true 能够在缩小文本渲染工夫的同时,进步页面性能。然而,因为该属性会升高页面的响应性,所以须要审慎应用。
例如:
text-rendering-optimizeSpeed: auto;
二、line-height
该属性用于设置字体的高度。它是基于字体的宽度计算得出的,所以在不同字体大小下,该属性的值也会不同。
例如:
line-height: 1.2;
三、font
该属性用于设置字体的类型。罕用的字体类型有 Arial、sans-serif、serif 等。
例如:
font: Arial;
四、text-rendering-auto
该属性用于管制在页面上渲染文本的速度。设置为 true 能够在缩小文本渲染工夫的同时,进步页面性能。然而,因为该属性会升高页面的响应性,所以须要审慎应用。
例如:
text-rendering-auto: auto;
五、text-rendering-xhtml
该属性用于管制在页面上渲染文本的速度。设置为 true 能够在缩小文本渲染工夫的同时,进步页面性能。然而,因为该属性会升高页面的响应性,所以须要审慎应用。
例如:
text-rendering-xhtml: auto;
六、text-rendering-handheld
该属性用于管制在手机上渲染文本的速度。设置为 true 能够在缩小文本渲染工夫的同时,进步页面性能。然而,因为该属性会升高页面的响应性,所以须要审慎应用。
例如:
text-rendering-handheld: auto;
七、text-rendering-print
该属性用于管制在打印时渲染文本的速度。设置为 true 能够在缩小文本渲染工夫的同时,进步页面性能。然而,因为该属性会升高页面的响应性,所以须要审慎应用。
例如:
text-rendering-print: auto;
以上是 CSS3 中罕用的字体属性,设计师们能够依据须要抉择适合的属性进行设置,以进步页面的性能和可读性。
本文由 mdnice 多平台公布