feat: add Geist font files and update tailwind and global styles

This commit is contained in:
Bart van der Braak 2024-01-17 23:39:54 +01:00
parent 4a08fe337b
commit 1e1c25549d
15 changed files with 130 additions and 3 deletions

View file

@ -1,10 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--font-geist-sans: 'geist-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
@ -89,6 +90,40 @@
-webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
}
/* Font face Geist font */
@font-face {
font-family: 'geist-sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/Geist/Geist-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'geist-sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/fonts/Geist/Geist-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'geist-sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/fonts/Geist/Geist-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: 'geist-sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/fonts/Geist/Geist-Bold.woff2') format('woff2');
}
/* === Scrollbars === */
::-webkit-scrollbar {