Change font to DM Mono

hugo.toml

@@ -32,6 +32,9 @@ theme = 'hello-friend-ng'
   keywords = "homepage, blog"
   images = [""]
   themeColor = "#2d3748"
+  
+  # Custom CSS
+  customCSS = ["css/custom.css"]
 
   # Favicon colors
   [params.favicon.color]

layouts/partials/extra-head.html

@@ -0,0 +1,4 @@
+<!-- Load DM Mono font from Google Fonts -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" rel="stylesheet">

static/css/custom.css

@@ -0,0 +1,88 @@
+/* Custom font overrides for DM Mono */
+html {
+  letter-spacing: normal;
+}
+
+body {
+  font-family: 'DM Mono', monospace;
+  font-weight: 400;
+  line-height: 1.6;
+}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'DM Mono', monospace;
+  font-weight: 500;
+}
+
+/* Code blocks and inline code */
+pre, code, kbd, samp {
+  font-family: 'DM Mono', monospace;
+}
+
+/* Logo */
+.logo {
+  font-family: 'DM Mono', monospace;
+}
+
+/* Prism.js syntax highlighting */
+.token,
+.language-css .token,
+.language-scss .token,
+.language-sass .token,
+.language-less .token,
+.language-stylus .token,
+.language-json .token,
+.language-markup .token,
+.language-javascript .token,
+.language-typescript .token,
+.language-jsx .token,
+.language-tsx .token,
+.language-python .token,
+.language-ruby .token,
+.language-java .token,
+.language-c .token,
+.language-cpp .token,
+.language-csharp .token,
+.language-go .token,
+.language-rust .token,
+.language-php .token,
+.language-swift .token,
+.language-kotlin .token,
+.language-scala .token,
+.language-haskell .token,
+.language-elixir .token,
+.language-erlang .token,
+.language-clojure .token,
+.language-lua .token,
+.language-perl .token,
+.language-sql .token,
+.language-graphql .token,
+.language-yaml .token,
+.language-toml .token,
+.language-bash .token,
+.language-shell .token,
+.language-docker .token,
+.language-nginx .token,
+.language-apache .token,
+.language-vim .token,
+.language-git .token,
+.language-diff .token {
+  font-family: 'DM Mono', monospace;
+}
+
+/* Normalize.css overrides */
+code,
+kbd,
+samp,
+pre,
+input,
+textarea,
+select {
+  font-family: 'DM Mono', monospace;
+}
+
+/* Keep serif for blockquote decorative element */
+blockquote:before {
+  font-family: Georgia, serif;
+}