Ext.js中的字体

在Ext.js中，可以使用CSS样式来设置字体的属性。一般的字体属性包括字体族、字体大小、字体颜色等。下面是一些常见的字体属性及其相应的用法示例。

字体族

字体族由某一组字体组成，通常包括同一字体的不同变体，比如宋体、黑体、楷体、仿宋等。可以通过设置font-family属性来指定一个或多个字体族。

例如，下面这条样式规则将字体族设置为宋体：

{
    font-family: SimSun;
}

如果设置了多个字体族，浏览器将按照指定的顺序逐个查找字体，直到找到浏览器支持的为止。这样做的目的是保证在某些电脑上某些字体不可用时，能够顺利地找到浏览器所支持的备选字体。

以下是一种带有备选字体的写法：

{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

其中，Helvetica Neue是第一个备选字体族，Helvetica是第二个，Arial是第三个，sans-serif是最后一个备选字体族，它代表的是一组跟操作系统设置相关的字体族，通常是黑体、宋体、微软雅黑等。

字体大小

字体大小通常用font-size属性来指定，它可以接受一个数字、一个百分数或一组长度单位（比如px或em）。

例如，在下面这个样式规则中，字体大小被设置为18像素：

{
    font-size: 18px;
}

字体大小也可以用相对长度单位，比如em和rem。它们是相对于父元素和根元素（即html元素）的字体大小进行计算的。

html {
    font-size: 16px; /* 设置根元素的字体大小为16像素 */
}

body {
    font-size: 1.2em; /* 设置body元素的字体大小为父元素字体大小的1.2倍 */
}

字体颜色

字体颜色通常用color属性来指定，它可以接受一个颜色值、一个RGB值或一个色彩名称。

例如，在下面这个样式规则中，字体颜色被设置为红色：

{
    color: red;
}

RGB值由三个十进制数字组成，分别代表红、绿、蓝三原色的值。例如，(255, 0, 0)代表红色、(0, 255, 0)代表绿色、(0, 0, 255)代表蓝色。

{
    color: rgb(255, 0, 0);
}

总结

在Ext.js中，可以使用CSS样式来设置字体的属性，其中最常见的包括字体族、字体大小和字体颜色。字体族可以指定一个或多个备选字体，以实现在不同的操作系统或浏览器上呈现相同的字体效果。字体大小可以用绝对长度单位或相对长度单位进行设置。字体颜色可以用颜色值、RGB值或色彩名称进行设置。