diff --git a/blog/.vscode/settings.json b/blog/.vscode/settings.json
index 76d89b2..35c5c1c 100644
--- a/blog/.vscode/settings.json
+++ b/blog/.vscode/settings.json
@@ -1,5 +1,5 @@
 {
     "workbench.preferredDarkColorTheme": "Base2Tone_HeathDark",
-    "workbench.colorTheme": "Halcyon",
+    "workbench.colorTheme": "Horizon Bright",
     "editor.formatOnSave": true
 }
\ No newline at end of file
diff --git a/blog/src/components/MDXProvider.purs b/blog/src/components/MDXProvider.purs
index 0fbec97..6f3620c 100644
--- a/blog/src/components/MDXProvider.purs
+++ b/blog/src/components/MDXProvider.purs
@@ -94,8 +94,9 @@ mkMdxProviderComponent compiler = do
             ( { layout: M.layout true
               , css:
                 E.css
-                  { fontFamily: E.str "Cormorant Garamond"
+                  { fontFamily: E.str "'Cormorant Garamond', Georgia, serif"
                   , fontSize: E.str "min(calc(var(--s-1) + 2.4vw), var(--s1))"
+                  , fontWeight: E.str "400"
                   , lineHeight: E.var "--line-height-small"
                   , "-msHyphens": E.str "auto"
                   , "-webkitHyphens": E.str "auto"
diff --git a/blog/src/components/PSLayout.purs b/blog/src/components/PSLayout.purs
index b5b05cc..85c6e13 100644
--- a/blog/src/components/PSLayout.purs
+++ b/blog/src/components/PSLayout.purs
@@ -152,11 +152,11 @@ mkLayout fetchImpl = do
                                         , lineHeight: Emotion.str "min(calc(var(--s-1) + 2px + 3vw), var(--s3))"
                                         , marginTop: Emotion.str "min(calc(var(--s-1) + 1.5vw), var(--s2))"
                                         , marginRight: Emotion.var "--s-2"
-                                        , "&::selection":
+                                        , "&:::selection":
                                           Emotion.nested
                                             $ Emotion.css
                                                 { color: Emotion.str colour.highlightText
-                                                , background: Emotion.str colour.highlight
+                                                , background: Emotion.str "green" -- colour.highlight
                                                 }
                                         }
                                 }
diff --git a/blog/src/components/fonts.js b/blog/src/components/fonts.js
index dac65d1..47f8f27 100644
--- a/blog/src/components/fonts.js
+++ b/blog/src/components/fonts.js
@@ -1,8 +1,12 @@
 // Fonts
-import "@fontsource/cormorant-garamond/latin-ext-500.css"
-import "@fontsource/cormorant-garamond/latin-ext-500-italic.css"
-import "@fontsource/cormorant-garamond/latin-ext-600.css"
-import "@fontsource/cormorant-garamond/latin-ext-600-italic.css"
-import "@fontsource/cormorant-garamond/latin-ext-700.css"
-import "@fontsource/cormorant-garamond/latin-ext-700-italic.css"
-import "@fontsource/cormorant-sc/latin-ext-500.css"
\ No newline at end of file
+import "@fontsource/cormorant-garamond/400.css"
+import "@fontsource/cormorant-garamond/400-italic.css"
+import "@fontsource/cormorant-garamond/500.css"
+import "@fontsource/cormorant-garamond/500-italic.css"
+import "@fontsource/cormorant-garamond/600.css"
+import "@fontsource/cormorant-garamond/600-italic.css"
+import "@fontsource/cormorant-garamond/700.css"
+import "@fontsource/cormorant-garamond/700-italic.css"
+import "@fontsource/cormorant-sc/400.css"
+import "@fontsource/cormorant-sc/500.css"
+import "@fontsource/cormorant-sc"
\ No newline at end of file
diff --git a/blog/src/purescript/Typography/SmallCaps.purs b/blog/src/purescript/Typography/SmallCaps.purs
index af70524..7cdcd37 100644
--- a/blog/src/purescript/Typography/SmallCaps.purs
+++ b/blog/src/purescript/Typography/SmallCaps.purs
@@ -16,7 +16,7 @@ mkSmallCaps = do
           { className: "small-caps"
           , css:
             E.css
-              { fontFamily: E.str "'Cormorant SC'"
+              { fontFamily: E.str "Cormorant SC"
               }
           }
           [ R.text $ text ]