diff --git a/public/assets/Justov.ttf b/public/assets/Justov.ttf new file mode 100644 index 0000000..fea693e Binary files /dev/null and b/public/assets/Justov.ttf differ diff --git a/src/components/Layout.astro b/src/components/Layout.astro index f9842d5..fa1d3df 100644 --- a/src/components/Layout.astro +++ b/src/components/Layout.astro @@ -52,7 +52,7 @@ const canonicalUrl = canonical ?? Astro.url.href; - + diff --git a/src/styles/global.css b/src/styles/global.css index 2d3681a..58272b6 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,9 +1,17 @@ /* ============================================================ SMART ROOTS — global.css - Font: Cormorant Garamond (display/serif) + IBM Plex Sans + IBM Plex Mono + Font: Justov (display) + IBM Plex Sans + IBM Plex Mono ============================================================ */ -@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500&family=IBM+Plex+Mono:wght@300;400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap'); +@font-face { + font-family: 'Justov'; + src: url('/assets/Justov.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500&family=IBM+Plex+Mono:wght@300;400&display=swap'); *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } @@ -22,7 +30,7 @@ --border2: rgba(100,140,200,0.18); --mono: 'IBM Plex Mono', monospace; --sans: 'IBM Plex Sans', sans-serif; - --serif: 'Cormorant Garamond', Georgia, serif; + --serif: 'Justov', sans-serif; --max: 1180px; --r: 6px; }