diff --git a/src/scss/app.scss b/src/scss/app.scss
index d8a148cdb8e..d942f3f2c83 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -130,7 +130,7 @@
 html {
   box-sizing: border-box;
 
-  font-family: var(--font-mm-centra);
+  font-family: var(--font-mm-euclid);
   font-size: 10px;
   font-weight: normal;
   font-style: normal;
diff --git a/src/scss/commons/_typescale.scss b/src/scss/commons/_typescale.scss
index 3461a320444..023f1243043 100644
--- a/src/scss/commons/_typescale.scss
+++ b/src/scss/commons/_typescale.scss
@@ -26,7 +26,7 @@
 }
 
 .font-primary {
-  font-family: var(--font-mm-centra);
+  font-family: var(--font-mm-euclid);
 }
 
 /*
diff --git a/src/scss/custom.scss b/src/scss/custom.scss
index a634794b7c0..184f240a38b 100644
--- a/src/scss/custom.scss
+++ b/src/scss/custom.scss
@@ -25,6 +25,7 @@
   --font-mm-sans-mono: 'MM Sans Mono', 'Andale Mono', AndaleMono, monospace;
   --font-mm-sans-variable: 'MM Sans Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif;
   --font-mm-centra: 'MM Centra No1', Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  --font-mm-euclid: 'Euclid Circular B', Arial, 'Helvetica Neue', Helvetica, sans-serif;
   --ifm-color-primary: var(--developer-purple);
   --ifm-color-primary-dark: var(--developer-purple-dark);
   --ifm-color-primary-darker: var(--institution-purple-dark-2);
@@ -74,7 +75,7 @@
 
   --ifm-font-family-monospace: var(--font-mm-sans-mono);
   --ifm-heading-font-family: var(--ifm-font-family-monospace);
-  --ifm-font-family-base: var(--font-mm-centra);
+  --ifm-font-family-base: var(--font-mm-euclid);
   --font-family-sans: var(--font-mm-sans);
 
   --ifm-color-success: var(--developer-green-light);
@@ -700,7 +701,7 @@ ol {
     gap: 10px;
 
     &::before {
-      content: "";
+      content: '';
       position: absolute;
       left: -6px;
       top: 0;
@@ -785,7 +786,7 @@ ol {
 }
 
 div[class^='announcementBar_'] {
-  font-family: var(--font-mm-centra);
+  font-family: var(--font-mm-euclid);
   font-size: 1.4rem;
   padding: 1rem 2rem;
   text-align: center;
@@ -840,4 +841,4 @@ div[class^='announcementBar_'] {
 
 .pageWrapper .sidebar_mhZE {
   padding-top: 0 !important;
-}
\ No newline at end of file
+}
diff --git a/src/scss/theme/_fonts.scss b/src/scss/theme/_fonts.scss
index bb682e09ee3..3f03dbb2b2f 100644
--- a/src/scss/theme/_fonts.scss
+++ b/src/scss/theme/_fonts.scss
@@ -44,3 +44,35 @@
   font-style: normal;
   font-display: swap;
 }
+
+@font-face {
+  font-family: 'Euclid Circular B';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/EuclidCircularB/EuclidCircularB-Regular-WebXL.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Euclid Circular B';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('/fonts/EuclidCircularB/EuclidCircularB-Medium.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Euclid Circular B';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('/fonts/EuclidCircularB/EuclidCircularB-Bold-WebXL.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Euclid Circular B';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/EuclidCircularB/EuclidCircularB-RegularItalic-WebXL.ttf') format('truetype');
+}
diff --git a/static/fonts/EuclidCircularB/EuclidCircularB-Bold-WebXL.ttf b/static/fonts/EuclidCircularB/EuclidCircularB-Bold-WebXL.ttf
new file mode 100644
index 00000000000..244ebba0a48
Binary files /dev/null and b/static/fonts/EuclidCircularB/EuclidCircularB-Bold-WebXL.ttf differ
diff --git a/static/fonts/EuclidCircularB/EuclidCircularB-Medium.ttf b/static/fonts/EuclidCircularB/EuclidCircularB-Medium.ttf
new file mode 100644
index 00000000000..7a2ae44a166
Binary files /dev/null and b/static/fonts/EuclidCircularB/EuclidCircularB-Medium.ttf differ
diff --git a/static/fonts/EuclidCircularB/EuclidCircularB-Regular-WebXL.ttf b/static/fonts/EuclidCircularB/EuclidCircularB-Regular-WebXL.ttf
new file mode 100644
index 00000000000..6cf177fe1b2
Binary files /dev/null and b/static/fonts/EuclidCircularB/EuclidCircularB-Regular-WebXL.ttf differ
diff --git a/static/fonts/EuclidCircularB/EuclidCircularB-RegularItalic-WebXL.ttf b/static/fonts/EuclidCircularB/EuclidCircularB-RegularItalic-WebXL.ttf
new file mode 100644
index 00000000000..35345ba0f23
Binary files /dev/null and b/static/fonts/EuclidCircularB/EuclidCircularB-RegularItalic-WebXL.ttf differ