diff --git a/app/javascript/portal/application.scss b/app/javascript/portal/application.scss
index 3cdafb6ea1a2..5b4ce77dd3e6 100644
--- a/app/javascript/portal/application.scss
+++ b/app/javascript/portal/application.scss
@@ -7,14 +7,15 @@
 @import 'widget/assets/scss/buttons';
 @import 'widget/assets/scss/mixins';
 @import 'widget/assets/scss/forms';
-@import 'shared/assets/fonts/inter';
+@import 'shared/assets/fonts/InterDisplay/inter-display';
 
 html,
 body {
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+  font-family: 'Inter Display', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   height: 100%;
+  letter-spacing: 0.2px;
 }
 
 
diff --git a/app/javascript/portal/components/TableOfContents.vue b/app/javascript/portal/components/TableOfContents.vue
index 81a82dfbf339..d7b3bb021d1e 100644
--- a/app/javascript/portal/components/TableOfContents.vue
+++ b/app/javascript/portal/components/TableOfContents.vue
@@ -12,7 +12,7 @@
             class="leading-6 border-l-2 relative -left-0.5 border-solid"
             :class="elementBorderStyles(element)"
           >
-            <p class="py-2 px-4" :class="getClassName(element)">
+            <p class="py-1 px-3" :class="getClassName(element)">
               <a
                 :href="`#${element.slug}`"
                 data-turbolinks="false"
@@ -76,7 +76,7 @@ export default {
         if (!this.h1Count && !this.h2Count) {
           return '';
         }
-        return 'ml-8';
+        return 'ml-5';
       }
 
       return '';
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Black.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Black.woff2
new file mode 100644
index 000000000000..8138123c1367
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Black.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-BlackItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-BlackItalic.woff2
new file mode 100644
index 000000000000..735ba21f99f0
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-BlackItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Bold.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Bold.woff2
new file mode 100644
index 000000000000..11c67196e172
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Bold.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-BoldItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-BoldItalic.woff2
new file mode 100644
index 000000000000..5b6a1fb006f6
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-BoldItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraBold.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraBold.woff2
new file mode 100644
index 000000000000..9058e9861346
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraBold.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2
new file mode 100644
index 000000000000..4cd61c067253
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraLight.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraLight.woff2
new file mode 100644
index 000000000000..8621b2995101
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraLight.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2
new file mode 100644
index 000000000000..689c8d9ca1dc
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Italic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Italic.woff2
new file mode 100644
index 000000000000..11f20bc821e4
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Italic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Light.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Light.woff2
new file mode 100644
index 000000000000..446301c35ebb
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Light.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-LightItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-LightItalic.woff2
new file mode 100644
index 000000000000..f68819610303
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-LightItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Medium.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Medium.woff2
new file mode 100644
index 000000000000..29160b2c5dee
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Medium.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-MediumItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-MediumItalic.woff2
new file mode 100644
index 000000000000..ef1bcbe3c71e
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-MediumItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Regular.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Regular.woff2
new file mode 100644
index 000000000000..a6c04f68ecab
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Regular.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-SemiBold.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-SemiBold.woff2
new file mode 100644
index 000000000000..2b4db239b47f
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-SemiBold.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2
new file mode 100644
index 000000000000..59091db3111c
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Thin.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Thin.woff2
new file mode 100644
index 000000000000..dc0b94860743
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-Thin.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ThinItalic.woff2 b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ThinItalic.woff2
new file mode 100644
index 000000000000..96439c0c08e6
Binary files /dev/null and b/app/javascript/shared/assets/fonts/InterDisplay/InterDisplay-ThinItalic.woff2 differ
diff --git a/app/javascript/shared/assets/fonts/InterDisplay/inter-display.scss b/app/javascript/shared/assets/fonts/InterDisplay/inter-display.scss
new file mode 100644
index 000000000000..d8d1b7596af4
--- /dev/null
+++ b/app/javascript/shared/assets/fonts/InterDisplay/inter-display.scss
@@ -0,0 +1,71 @@
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Thin.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-ExtraLight.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Light.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Medium.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-SemiBold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-ExtraBold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Black.woff2') format('woff2');
+}