diff options
| author | Nikhil M Warrier <nikhilmw.dev@gmail.com> | 2026-03-03 09:19:21 +0530 |
|---|---|---|
| committer | Nikhil M Warrier <nikhilmw.dev@gmail.com> | 2026-03-03 09:19:21 +0530 |
| commit | e6dad1976a63a63af52c2bc5c9c568086028705d (patch) | |
| tree | 5a78c8c7ccd1283929fe501b57dfc6f90f14d098 /src/styles | |
| parent | 2cfd3cb55f2a13403eac429111320ec07c8c796b (diff) | |
Update homepage and fonts
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/global.css | 29 | ||||
| -rw-r--r-- | src/styles/typography.css | 5 |
2 files changed, 31 insertions, 3 deletions
diff --git a/src/styles/global.css b/src/styles/global.css index 719f8dc..d7dffa3 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -7,7 +7,7 @@ Geist, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: - Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + '0xProto', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-background: var(--background); @@ -42,6 +42,33 @@ font-display: swap; } +/* Regular */ +@font-face { + font-family: '0xProto'; + src: url('/fonts/0xProto/0xProto-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +/* Bold */ +@font-face { + font-family: '0xProto'; + src: url('/fonts/0xProto/0xProto-Bold.woff2') format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +/* Italic */ +@font-face { + font-family: '0xProto'; + src: url('/fonts/0xProto/0xProto-Italic.woff2') format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; +} + :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); diff --git a/src/styles/typography.css b/src/styles/typography.css index e8f6e14..6667606 100644 --- a/src/styles/typography.css +++ b/src/styles/typography.css @@ -18,6 +18,7 @@ h5, h6 { @apply text-balance; + @apply font-mono; } p { @@ -134,8 +135,8 @@ } :where(img, video, figure, .expressive-code):not( - :where(.not-prose, .not-prose *) - ) { + :where(.not-prose, .not-prose *) + ) { @apply mx-auto my-6; } |