diff --git a/src/assets/font.css b/src/assets/font.css
index 0bf5af3d..1f578b7f 100644
--- a/src/assets/font.css
+++ b/src/assets/font.css
@@ -28,3 +28,22 @@
   font-style: normal;
   src:url('./font/FrizQuadrataITC-Hinted.ttf') format("truetype");
 }
+
+@font-face {
+  font-family: 'Exo2';
+  font-weight: normal;
+  font-style: normal;
+  src:url('./font/Exo2-Regular.ttf') format("truetype");
+}
+@font-face {
+  font-family: 'Exo2';
+  font-weight: 500;
+  font-style: normal;
+  src:url('./font/Exo2-Medium.ttf') format("truetype");
+}
+@font-face {
+  font-family: 'Exo2';
+  font-weight: 600;
+  font-style: normal;
+  src:url('./font/Exo2-SemiBold.ttf') format("truetype");
+}
diff --git a/src/assets/font/Exo2-Medium.ttf b/src/assets/font/Exo2-Medium.ttf
new file mode 100644
index 00000000..99cd074e
Binary files /dev/null and b/src/assets/font/Exo2-Medium.ttf differ
diff --git a/src/assets/font/Exo2-Regular.ttf b/src/assets/font/Exo2-Regular.ttf
new file mode 100644
index 00000000..a8bb93ba
Binary files /dev/null and b/src/assets/font/Exo2-Regular.ttf differ
diff --git a/src/assets/font/Exo2-SemiBold.ttf b/src/assets/font/Exo2-SemiBold.ttf
new file mode 100644
index 00000000..c89ab43f
Binary files /dev/null and b/src/assets/font/Exo2-SemiBold.ttf differ
diff --git a/src/web/ui/ItemModifierText.vue b/src/web/ui/ItemModifierText.vue
index 32cc92c9..56b6f3b7 100644
--- a/src/web/ui/ItemModifierText.vue
+++ b/src/web/ui/ItemModifierText.vue
@@ -2,8 +2,8 @@
   <span>
     <span v-for="(part, idx) of parts" :key="idx"
       :class="{
-        'text-gray-100 font-sans font-semibold text-xs': part.placeholder,
-        'text-gray-300': !part.placeholder
+        'text-gray-500 font-exo2 font-semibold': part.placeholder,
+        'text-gray-100': !part.placeholder
       }"
       >{{ part.text }}</span>
   </span>
diff --git a/tailwind.config.js b/tailwind.config.js
index fb3c44d3..ea7dba41 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,7 +5,8 @@ module.exports = {
       'fontin-small-caps': 'FontinSmallCaps, FrizQuadrataC',
       'fontin-regular': 'FontinRegular, FrizQuadrataC',
       'fontin-bold': 'FontinBold, FrizQuadrataC',
-      'fontin-italic': 'FontinItalic, FrizQuadrataC'
+      'fontin-italic': 'FontinItalic, FrizQuadrataC',
+      'exo2': 'Exo2'
     }
   },
   variants: {},