From bdf0a59beab5e892e7a551a90e5fd6caa1f34e55 Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Sun, 23 Oct 2022 04:33:39 +0200
Subject: [PATCH] Use system font stack (#1326)

Closes https://github.com/woodpecker-ci/woodpecker/issues/1316

Applied suggestion by @silverwind
---
 web/src/App.vue     |  1 -
 web/windi.config.ts | 11 +++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 078b0c4de..53b3b4c34 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -54,7 +54,6 @@ export default defineComponent({
 
 <style scoped>
 .app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
diff --git a/web/windi.config.ts b/web/windi.config.ts
index 3d20908b4..956089d99 100644
--- a/web/windi.config.ts
+++ b/web/windi.config.ts
@@ -22,6 +22,17 @@ export default defineConfig({
       },
       stroke: (theme) => theme('colors'),
       fill: (theme) => theme('colors'),
+      fontFamily: [
+        'system-ui',
+        '-apple-system',
+        'Segoe UI',
+        'Roboto',
+        'Helvetica Neue',
+        'Noto Sans',
+        'Liberation Sans',
+        'Arial',
+        'sans-serif',
+      ],
     },
   },
   plugins: [typography],