diff --git a/src/Roux/Html.hs b/src/Roux/Html.hs
index 35f2463..7b03721 100644
--- a/src/Roux/Html.hs
+++ b/src/Roux/Html.hs
@@ -79,15 +79,15 @@ page title content =
                 H.style $
                     H.toHtml $
                         T.unlines
-                            [ "@import url('https://fonts.googleapis.com/css2?family=Pompiere&family=Quicksand:wght@300..700&display=swap');"
+                            [ "@import url('https://fonts.googleapis.com/css2?family=Lexend Peta&family=Quicksand:wght@300..700&display=swap');"
                             , ""
                             , ":root { --roux-bg: #F5EFE0; --roux-text: #3D2C1E; --roux-accent: #B85C38; }"
-                            , ".pompiere { font-family: \"Pompiere\", cursive; font-weight: 400; font-style: normal; }"
+                            , ".lexend-peta { font-family: \"Lexend Peta\", sans-serif; font-weight: 400; font-style: normal; }"
                             , ".quicksand { font-family: \"Quicksand\", sans-serif; font-optical-sizing: auto; font-style: normal; }"
                             , ""
                             , "body { background: var(--roux-bg); color: var(--roux-text); font-family: \"Quicksand\", sans-serif; }"
                             , "main.container { padding-top: 1.5rem; }"
-                            , "h1, h3 { font-family: \"Pompiere\", cursive; }"
+                            , "h1, h3 { font-family: \"Lexend Peta\", sans-serif; font-weight: 400; }"
                             , "h1 { font-size: 2rem; font-weight: 500; margin: 0 0 0.5rem; line-height: 1.15; color: var(--roux-text); }"
                             , "h2 { font-family: \"Quicksand\", sans-serif; font-size: 0.7rem; font-weight: 600; margin: 0 0 1rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--roux-accent); }"
                             , "h3 { font-size: 1rem; font-weight: 500; margin: 1.5rem 0 0.5rem; color: var(--roux-text); text-transform: uppercase; opacity: 0.75; }"