diff --git a/frontend/index.html b/frontend/index.html
index 2887e8058..50f126739 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,6 +4,7 @@
+
Samfundet
diff --git a/frontend/src/_constants.scss b/frontend/src/_constants.scss
index e8b282e22..6b95125ba 100644
--- a/frontend/src/_constants.scss
+++ b/frontend/src/_constants.scss
@@ -92,6 +92,9 @@ $rejected_this_offer: #dee73e;
$accepted_this_offer: #4f49eb;
$withdrawn_application: #7f7f7f;
+// Typography
+$primary-font-family: "obviously-variable", -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+
/* Screen sizes, breakpoint (bp) */
$large-desktop-bp-lower: 1201px;
$desktop-bp-upper: 1200px;
diff --git a/frontend/src/global.scss b/frontend/src/global.scss
index 34bc3f824..7c7521bf0 100644
--- a/frontend/src/global.scss
+++ b/frontend/src/global.scss
@@ -51,8 +51,7 @@ html {
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
- 'Droid Sans', 'Helvetica Neue', sans-serif;
+ font-family: $primary-font-family;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;