diff --git a/src/coffee/templates/base.html b/src/coffee/templates/base.html
index 931935e0..4d602076 100644
--- a/src/coffee/templates/base.html
+++ b/src/coffee/templates/base.html
@@ -4,11 +4,13 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{% block title %}{% endblock %}</title>
+    <link rel="stylesheet"
+          href="https://fonts.googleapis.com/css?family=DM+Sans:400,500,600,700,i,b">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
           integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
     <link rel="stylesheet" href="static/style.css">
-</headsty>
+</head>
 <body>
 
 <nav class="navbar navbar-expand-lg">
@@ -145,4 +147,4 @@
         integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
         crossorigin="anonymous"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/coffee/templates/static/style.css b/src/coffee/templates/static/style.css
index 3404626a..70003adf 100644
--- a/src/coffee/templates/static/style.css
+++ b/src/coffee/templates/static/style.css
@@ -1,3 +1,7 @@
+html, body {
+    font-family: "DM Sans", sans-serif;
+}
+
 a {
     text-decoration: none;
     color: #596C97;
