diff --git a/README.md b/README.md
index 42c1d0cdb..31d6a427a 100644
--- a/README.md
+++ b/README.md
@@ -33,7 +33,7 @@ npx nuxi@latest init -t themes/alpine
 1. Clone this repository
 2. Install dependencies using `pnpm install`
 3. Run `pnpm prepare` to generate type stubs.
-4. Use `pnpm dev` to start [playground](./playground) in development mode.
+4. Use `pnpm dev` to start the [playground](./starters/default) in development mode.
 
 ## License
 
diff --git a/components/content/Hero.vue b/components/content/Hero.vue
index 1504c65be..14139c0fc 100644
--- a/components/content/Hero.vue
+++ b/components/content/Hero.vue
@@ -54,12 +54,14 @@ css({
       },
       '.title': {
         fontSize: '{text.4xl.fontSize}',
+        fontFamily: 'var(--typography-font-display)',
         lineHeight: '{text.4xl.lineHeight}',
         fontWeight: '{fontWeight.bold}',
       },
       '.description': {
         marginTop: '{space.3}',
         fontSize: '{text.xl.fontSize}',
+        fontFamily: 'var(--typography-font-body)',
         lineHeight: '{text.xl.lineHeight}',
       },
       img: {