33、优化应用外观：字体、主题与组件样式的实用指南

优化应用外观：字体、主题与组件样式的实用指南

1. 控制应用字体

控制字体是影响应用外观的重要方式，CSS 中的 fontFamily 属性可指定使用的字体。

• 指定单一字体 ：

global {
    fontFamily: Arial;
}

• 提供字体列表 ：若提供多个字体，浏览器将优先选择可用的第一个字体。

global { 
    fontFamily: Arial, Verdana, Helvetica;
}

此外，还可使用设备字体或嵌入字体。

1.1 使用设备字体

设备字体是一种通用的字体引用方式，有以下三种可能的值：
| 字体类型 | 描述 | 示例 |
| — | — | — |
| _sans | 无衬线字体 | Arial |
| _serif | 衬线字体 | Times Roman |
| _typewriter | 等宽字体 | Courier |

若要确保使用无衬线字体，可列出具体字体，最后以 _sans 结尾：