与文字显示和格式相关的Lumo样式属性表。
Lumo定义了一组与字体族、字体大小和行高相关的样式属性。您可以使用这些CSS自定义属性在整个应用程序中应用一致的排版样式。
您可以启用内置的Lumo紧凑模式变体,以减小字体大小和各个组件的尺寸与间距,从而在屏幕上放置更多组件。
Lumo 字体族
默认使用系统字体堆栈:
-
Windows 系统下使用 Segoe UI
-
Android 和 Chrome OS 使用 Roboto
-
macOS、iOS 和 iPadOS 使用 San Francisco
在其他系统上,Helvetica 和 Arial 将作为替代字体。
| 描述 | CSS自定义属性 |
|---|---|
主字体 | --lumo-font-family: |