From e01d228a71aeb512488df2ff44ba76b47a4ae157 Mon Sep 17 00:00:00 2001
From: Micha Reiser <micha@reiser.io>
Date: Sun, 6 Apr 2025 22:57:20 +0200
Subject: [PATCH] [playground] Provide fallback monospace-font (#17242)

<img width="1679" alt="Screenshot 2025-04-06 at 22 51 43"
src="https://github.com/user-attachments/assets/ccd9dd1a-67cd-4bc3-a22a-f3c530b8670d"
/>
---
 playground/knot/src/index.css | 5 ++++-
 playground/ruff/src/index.css | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/playground/knot/src/index.css b/playground/knot/src/index.css
index 170dfc3a33..ddf502c867 100644
--- a/playground/knot/src/index.css
+++ b/playground/knot/src/index.css
@@ -1,4 +1,5 @@
 @import "tailwindcss";
+
 @source "../../shared/";
 
 @custom-variant dark (&:is(.dark *));
@@ -37,7 +38,9 @@
   --font-body:
     Alliance Text, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
     sans-serif, Apple Color Emoji, Segoe UI Emoji;
-  --font-mono: Roboto Mono;
+  --font-mono:
+    Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
 
   --text-xs: 0.75rem;
   --text-sm: 0.875rem;
diff --git a/playground/ruff/src/index.css b/playground/ruff/src/index.css
index 170dfc3a33..ddf502c867 100644
--- a/playground/ruff/src/index.css
+++ b/playground/ruff/src/index.css
@@ -1,4 +1,5 @@
 @import "tailwindcss";
+
 @source "../../shared/";
 
 @custom-variant dark (&:is(.dark *));
@@ -37,7 +38,9 @@
   --font-body:
     Alliance Text, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
     sans-serif, Apple Color Emoji, Segoe UI Emoji;
-  --font-mono: Roboto Mono;
+  --font-mono:
+    Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
 
   --text-xs: 0.75rem;
   --text-sm: 0.875rem;