From 1520df8e2e5b5d3eba00fb8d4e7c12ecd787489a Mon Sep 17 00:00:00 2001 From: Jelte Homminga Date: Sun, 25 Oct 2026 13:37:18 +0100 Subject: [PATCH] docs: use :root to override the default fonts in the v5 custom fonts guide --- content/v5/guides/custom-fonts.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/v5/guides/custom-fonts.mdx b/content/v5/guides/custom-fonts.mdx index 723767d..fbab552 100644 --- a/content/v5/guides/custom-fonts.mdx +++ b/content/v5/guides/custom-fonts.mdx @@ -191,12 +191,12 @@ Use the `ios:` and `android:` variants for platform-specific font overrides: ``` -Or override the default system fonts in your theme: +Or override the default system fonts in a `:root` block after the imports: ```css title="global.css" -@theme { +:root { --font-sans: "Inter-Regular"; } ``` -This makes `font-sans` (the default) use Inter instead of the system font. +This makes `font-sans` (the default) use Inter instead of the system font. In this RC, an `@theme` block doesn't override `--font-sans`, `--font-serif` or `--font-mono` on iOS and Android, because Nativewind sets their platform defaults on `:root`.