diff --git a/website/astro.config.mjs b/website/astro.config.mjs index 8d7db91d0..5b60a5cea 100644 --- a/website/astro.config.mjs +++ b/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', diff --git a/website/bun.lockb b/website/bun.lockb new file mode 100755 index 000000000..3be93289a Binary files /dev/null and b/website/bun.lockb differ diff --git a/website/public/assets/fonts/StudioFeixenSans-Bold.otf b/website/public/assets/fonts/StudioFeixenSans-Bold.otf new file mode 100644 index 000000000..481b7b413 Binary files /dev/null and b/website/public/assets/fonts/StudioFeixenSans-Bold.otf differ diff --git a/website/public/assets/fonts/StudioFeixenSans-Book.otf b/website/public/assets/fonts/StudioFeixenSans-Book.otf new file mode 100644 index 000000000..80f60011f Binary files /dev/null and b/website/public/assets/fonts/StudioFeixenSans-Book.otf differ diff --git a/website/public/assets/fonts/StudioFeixenSans-Light.otf b/website/public/assets/fonts/StudioFeixenSans-Light.otf new file mode 100644 index 000000000..c84da6092 Binary files /dev/null and b/website/public/assets/fonts/StudioFeixenSans-Light.otf differ diff --git a/website/public/assets/fonts/StudioFeixenSans-Medium.otf b/website/public/assets/fonts/StudioFeixenSans-Medium.otf new file mode 100644 index 000000000..5a7ca7912 Binary files /dev/null and b/website/public/assets/fonts/StudioFeixenSans-Medium.otf differ diff --git a/website/public/assets/fonts/StudioFeixenSans-Regular.otf b/website/public/assets/fonts/StudioFeixenSans-Regular.otf new file mode 100644 index 000000000..7b864f7dd Binary files /dev/null and b/website/public/assets/fonts/StudioFeixenSans-Regular.otf differ diff --git a/website/public/assets/fonts/StudioFeixenSans-Semibold.otf b/website/public/assets/fonts/StudioFeixenSans-Semibold.otf new file mode 100644 index 000000000..7eca0c0fc Binary files /dev/null and b/website/public/assets/fonts/StudioFeixenSans-Semibold.otf differ diff --git a/website/public/assets/fonts/StudioFeixenSans-Ultralight.otf b/website/public/assets/fonts/StudioFeixenSans-Ultralight.otf new file mode 100644 index 000000000..ffb5495d3 Binary files /dev/null and b/website/public/assets/fonts/StudioFeixenSans-Ultralight.otf differ diff --git a/website/src/styles/global.css b/website/src/styles/global.css new file mode 100644 index 000000000..48b9bc50a --- /dev/null +++ b/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); +}