关于人工智能:从设计原则看网页字体之美

52次阅读

共计 955 个字符,预计需要花费 3 分钟才能阅读完成。

随着 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 多平台公布

正文完
 0