Mataitusi
Mataitusi Fa'aletonu
O le JetBrains Mono o le mataitusi fa'aletonu i le polokalame atoa. O mataitusi monospace e fiafia i ai mo fa'amaumauga tau tupe aua e tutusa le lautele o numera, e faigofie ai le su'esu'eina o koluma numera.
--font-family-mono: "JetBrains Mono", ui-monospace, monospace;Fa'atulagaina Autu
| Meatotino | Tau |
|---|---|
| Tele mataitusi autu | 14px (--base-font-size) |
| Maualuga laina | 1.5 |
| Fa'aalia | Antialiased (-webkit-font-smoothing: antialiased) |
Filifili Mataitusi
E 9 mataitusi e maua. Sui e ala i le Settings > Typography po o le SettingsPopover i le ulutala. O le ThemeProvider e utaina mataitusi mai Google Fonts pe a amata.
| Mataitusi | Vaega | Fa'amatalaga |
|---|---|---|
| JetBrains Mono | Monospace | Fa'aletonu. Numera manino, lelei tele mo fa'amaumauga tau tupe. |
| Fira Code | Monospace | Ligatures fa'atinoina. |
| Source Code Pro | Monospace | Adobe. Mama ma le le itu. |
| IBM Plex Mono | Monospace | Fa'ailoga fa'atekinolosi masani. |
| Roboto Mono | Monospace | Google. Lautele mataitusi tutusa. |
| Ubuntu Mono | Monospace | Fa'apitoa, fa'apotopoto toetoe. |
| Cascadia Code | Monospace | Microsoft. Lagolagoina ligature. |
| Inter | Sans-serif | Proportional. Sili atu le avanoa, lelei mo tusitusiga mafiafia. |
| Geist | Sans-serif | Vercel. Proportional fa'ailoga taimi nei. |
Tele Mataitusi
Filifili fa'atulagaina e tolu e pulea e le --base-font-size. Seti e ala i Settings po o le tau uiPreferences.fontSize i le teuina.
| Filifili | Tele | Tau CSS Variable |
|---|---|---|
| La'ititi | 12px | --base-font-size: 12px |
| Feololo (fa'aletonu) | 14px | --base-font-size: 14px |
| Tetele | 16px | --base-font-size: 16px |
Fa'ailogaina Numera
O numera tau tupe e fa'aogaina numera fa'alaulau mo koluma fa'asa'o-taumatau. Fa'aoga le .tabular-nums utility class po o le CSS meatotino tuusa'o:
.tabular-nums {
font-variant-numeric: tabular-nums;
}O tau tupe uma e fa'asa'o-taumatau ma fa'ailoga i le formatNZD() mai le src/lib/formatting.ts. E fa'amautinoaina le fa'ailogaina NZD tutusa (pe'i $1,234.56).
Fa'avasegaina Tusitusiga
O le faiga fa'ata'ita'iga e fa'aogaina le tele ma le opacity e fa'atūina ai le fa'avasegaina e suitulaga i le mamafa o le mataitusi:
| Tiute | Tele | Lanu Variable | Fa'ata'ita'iga |
|---|---|---|---|
| Ulutala panel | 11px | --color-text-muted | Mataitusi tetele, tracking-wider, font-medium |
| Tusitusiga tino | 12-13px | --color-text-primary | Mea totonu fa'aletonu |
| Tusitusiga lona lua | 11-12px | --color-text-secondary | Fa'amatalaga lagolago |
| Tusitusiga vaivai | 10-11px | --color-text-muted | Fa'ailoga, fa'ailoga taimi |
Utaina Mataitusi
O le ThemeProvider e utaina aiga mataitusi uma mai Google Fonts i se <link> e tasi pe a amata. Mamafa e utaina: 400, 500, 600, 700 (Ubuntu Mono: 400, 700 na'o).
O le suia mataitusi e vave. O le ThemeProvider e seti le --font-family-mono i le document.documentElement pe a sui le filifili mataitusi i le teuina fa'ailoga.