From 50b293699c86ff1ea64a7bc86af32b717d569517 Mon Sep 17 00:00:00 2001 From: Heidi Date: Sat, 16 May 2026 08:25:00 +0100 Subject: [PATCH] update fonts. --- src/styles.css | 92 ++++++++++++++++++++++++++++++++++---------------- 1 file changed, 63 insertions(+), 29 deletions(-) diff --git a/src/styles.css b/src/styles.css index 25bfa90..b168634 100644 --- a/src/styles.css +++ b/src/styles.css @@ -84,7 +84,55 @@ @font-face { font-display: swap; - font-family: "SF Pro Local"; + font-family: "SF Pro Text Local"; + font-style: normal; + font-weight: 400; + src: url("/fonts/SF-Pro-Text-Regular.otf") format("opentype"); +} + +@font-face { + font-display: swap; + font-family: "SF Pro Text Local"; + font-style: normal; + font-weight: 500; + src: url("/fonts/SF-Pro-Text-Medium.otf") format("opentype"); +} + +@font-face { + font-display: swap; + font-family: "SF Pro Text Local"; + font-style: normal; + font-weight: 600; + src: url("/fonts/SF-Pro-Text-Semibold.otf") format("opentype"); +} + +@font-face { + font-display: swap; + font-family: "SF Pro Text Local"; + font-style: normal; + font-weight: 700; + src: url("/fonts/SF-Pro-Text-Bold.otf") format("opentype"); +} + +@font-face { + font-display: swap; + font-family: "SF Pro Text Local"; + font-style: normal; + font-weight: 800; + src: url("/fonts/SF-Pro-Text-Heavy.otf") format("opentype"); +} + +@font-face { + font-display: swap; + font-family: "SF Pro Text Local"; + font-style: normal; + font-weight: 900; + src: url("/fonts/SF-Pro-Text-Black.otf") format("opentype"); +} + +@font-face { + font-display: swap; + font-family: "SF Pro Rounded Local"; font-style: normal; font-weight: 400; src: url("/fonts/SF-Pro-Rounded-Regular.otf") format("opentype"); @@ -92,15 +140,7 @@ @font-face { font-display: swap; - font-family: "SF Pro Local"; - font-style: normal; - font-weight: 500; - src: url("/fonts/SF-Pro-Rounded-Medium.otf") format("opentype"); -} - -@font-face { - font-display: swap; - font-family: "SF Pro Local"; + font-family: "SF Pro Rounded Local"; font-style: normal; font-weight: 600; src: url("/fonts/SF-Pro-Rounded-Semibold.otf") format("opentype"); @@ -108,25 +148,9 @@ @font-face { font-display: swap; - font-family: "SF Pro Local"; + font-family: "SF Pro Rounded Local"; font-style: normal; - font-weight: 700; - src: url("/fonts/SF-Pro-Rounded-Bold.otf") format("opentype"); -} - -@font-face { - font-display: swap; - font-family: "SF Pro Local"; - font-style: normal; - font-weight: 800; - src: url("/fonts/SF-Pro-Rounded-Heavy.otf") format("opentype"); -} - -@font-face { - font-display: swap; - font-family: "SF Pro Local"; - font-style: normal; - font-weight: 900; + font-weight: 700 900; src: url("/fonts/SF-Pro-Rounded-Black.otf") format("opentype"); } @@ -141,10 +165,20 @@ body { min-width: 320px; min-height: 100vh; font-family: - "SF Pro Local", "SF Pro Rounded", "SF Pro Text", -apple-system, + "SF Pro Text Local", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif; } +h2, +h3, +.text-text-soft, +.text-text-muted { + font-family: + "SF Pro Rounded Local", "SF Pro Rounded", "SF Pro Text Local", + "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, + ui-sans-serif, system-ui, sans-serif; +} + .pixel-mountains { position: absolute; inset: 0;