Momotuhi
Momotuhi Tautuhinga
Ko JetBrains Mono te momotuhi tautuhinga puta noa i te taupānga katoa. He pai ngā momotuhi monowhiti mō ngā raraunga pūtea nā te mea he ōrite te whānui o ngā mati, ka māmā te matawai i ngā tīwae tau.
--font-family-mono: "JetBrains Mono", ui-monospace, monospace;Tautuhinga Tūāpapa
| Āhuatanga | Uara |
|---|---|
| Rahi momotuhi tūāpapa | 14px (--base-font-size) |
| Teitei rārangi | 1.5 |
| Whakaahua | Whakapai-tāruarua (-webkit-font-smoothing: antialiased) |
Kōwhiringa Momotuhi
E 9 ngā momotuhi e wātea ana. Huritia mā Tautuhinga > Momotuhi te SettingsPopover rānei i te pane. Ka uta a ThemeProvider i ngā momotuhi mai i Google Fonts i te tū.
| Momotuhi | Momo | Pitopito kōrero |
|---|---|---|
| JetBrains Mono | Monowhiti | Tautuhinga. Mati tino, pai mō te raraunga pūtea. |
| Fira Code | Monowhiti | Hononga tuhinga hōtaka. |
| Source Code Pro | Monowhiti | Adobe. Mā me te tūkino-kore. |
| IBM Plex Mono | Monowhiti | Āhua hangarau tawhito. |
| Roboto Mono | Monowhiti | Google. Whānui pūmata ōrite. |
| Ubuntu Mono | Monowhiti | Motuhake, āhua porotaka. |
| Cascadia Code | Monowhiti | Microsoft. Tautoko hononga tuhinga. |
| Inter | Kāore-he-tātai | Ōwehenga. Nui ake te mokowā, pai mō te tuhinga ūnga. |
| Geist | Kāore-he-tātai | Vercel. Ōwehenga ineinga hou. |
Rahi Momotuhi
E toru ngā tautuhinga rahi e whakahaerehia ana e --base-font-size. Ka tautuhia mā ngā Tautuhinga te uara rohe uiPreferences.fontSize rānei.
| Tautuhinga | Rahi | Uara Taurangi CSS |
|---|---|---|
| Iti | 12px | --base-font-size: 12px |
| Waenga (tautuhinga) | 14px | --base-font-size: 14px |
| Nui | 16px | --base-font-size: 16px |
Hōputu Tau
Ka whakamahi ngā tau pūtea i ngā tau ripanga mō ngā tīwae whakarite-matau. Whakamahia te karaehe whaipaanga .tabular-nums te āhuatanga CSS rānei tika:
.tabular-nums {
font-variant-numeric: tabular-nums;
}Ka whakarite-matau me te hōputu ngā uara moni katoa me formatNZD() mai i src/lib/formatting.ts. Ka whakarite tēnei i te hōputu moni NZD pūmau (hei tauira $1,234.56).
Raupapa Tuhinga
Ka whakamahi te pūnaha hoahoa i te rahi me te kitenga hei whakatū raupapa kē i te taumaha momotuhi:
| Tūranga | Rahi | Taurangi Tae | Tauira |
|---|---|---|---|
| Taitara pae | 11px | --color-text-muted | Matua-nui, aroturuki-whānui, momotuhi-waenga |
| Tuhinga tinana | 12-13px | --color-text-primary | Ihirangi tautuhinga |
| Tuhinga tuarua | 11-12px | --color-text-secondary | Taipitopito tautoko |
| Tuhinga pōkerekere | 10-11px | --color-text-muted | Tapanga, wā-tohu |
Uta Momotuhi
Ka uta a ThemeProvider i ngā whānau momotuhi katoa mai i Google Fonts i tētahi wāhanga <link> kotahi i te tū. Taumaha kua utaina: 400, 500, 600, 700 (Ubuntu Mono: 400, 700 anake).
// Ka uta a ThemeProvider i ēnei i te tū
const fonts = [
'JetBrains+Mono:wght@400;500;600;700',
'Fira+Code:wght@400;500;600;700',
'Source+Code+Pro:wght@400;500;600;700',
'IBM+Plex+Mono:wght@400;500;600;700',
'Roboto+Mono:wght@400;500;600;700',
'Ubuntu+Mono:wght@400;700',
'Inter:wght@400;500;600;700',
'Plus+Jakarta+Sans:wght@400;500;600;700',
];Ka tere te huri momotuhi. Ka tautuhi a ThemeProvider i te --font-family-mono ki document.documentElement ina huri te kōwhiri momotuhi i te rohe kaupapa.