Merge pull request #6359 from menloresearch/docs/update-web-font

chore: update docs font

website/astro.config.mjs

@@ -22,6 +22,9 @@ export default defineConfig({
     starlight({
       title: '👋 Jan',
       favicon: 'jan2.png',
+      customCss: [
+        './src/styles/global.css',
+      ],
       head: [
         {
           tag: 'script',

website/src/styles/global.css

@@ -0,0 +1,72 @@
+@font-face {
+  font-family: 'Studio Feixen Sans';
+  src: url('/assets/fonts/StudioFeixenSans-Regular.otf') format('opentype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Studio Feixen Sans';
+  src: url('/assets/fonts/StudioFeixenSans-Light.otf') format('opentype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Studio Feixen Sans';
+  src: url('/assets/fonts/StudioFeixenSans-Book.otf') format('opentype');
+  font-weight: 350;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Studio Feixen Sans';
+  src: url('/assets/fonts/StudioFeixenSans-Medium.otf') format('opentype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Studio Feixen Sans';
+  src: url('/assets/fonts/StudioFeixenSans-Semibold.otf') format('opentype');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Studio Feixen Sans';
+  src: url('/assets/fonts/StudioFeixenSans-Bold.otf') format('opentype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Studio Feixen Sans';
+  src: url('/assets/fonts/StudioFeixenSans-Ultralight.otf') format('opentype');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+:root {
+  --sl-font: 'Studio Feixen Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
+    'Helvetica Neue', sans-serif;
+  --sl-font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono',
+    'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono',
+    'Droid Sans Mono', 'Courier New', monospace;
+}
+
+html {
+  font-family: var(--sl-font);
+}
+
+body {
+  font-family: var(--sl-font);
+}