diff --git a/packages/web/components/templates/article/ReaderSettingsControl.tsx b/packages/web/components/templates/article/ReaderSettingsControl.tsx
index 7ab02864d..fd220d1d7 100644
--- a/packages/web/components/templates/article/ReaderSettingsControl.tsx
+++ b/packages/web/components/templates/article/ReaderSettingsControl.tsx
@@ -48,6 +48,7 @@ const FONT_FAMILIES = [
   'IBMPlexSans',
   'Fraunces',
   'Literata',
+  'SuperNotesPro',
 ]
 
 type SettingsProps = {
diff --git a/packages/web/public/static/fonts/SNPro/SNPro-Bold.woff b/packages/web/public/static/fonts/SNPro/SNPro-Bold.woff
new file mode 100644
index 000000000..2e4444200
Binary files /dev/null and b/packages/web/public/static/fonts/SNPro/SNPro-Bold.woff differ
diff --git a/packages/web/public/static/fonts/SNPro/SNPro-RegularItalic.otf b/packages/web/public/static/fonts/SNPro/SNPro-RegularItalic.otf
new file mode 100644
index 000000000..06397df17
Binary files /dev/null and b/packages/web/public/static/fonts/SNPro/SNPro-RegularItalic.otf differ
diff --git a/packages/web/public/static/fonts/SNPro/SNPro-VariableRegular.ttf b/packages/web/public/static/fonts/SNPro/SNPro-VariableRegular.ttf
new file mode 100644
index 000000000..656535e8d
Binary files /dev/null and b/packages/web/public/static/fonts/SNPro/SNPro-VariableRegular.ttf differ
diff --git a/packages/web/styles/globals.css b/packages/web/styles/globals.css
index 1c6715192..49dd25852 100644
--- a/packages/web/styles/globals.css
+++ b/packages/web/styles/globals.css
@@ -418,6 +418,28 @@ div#appleid-signin {
   src: url('/static/fonts/Literata/Literata-Italic.ttf');
 }
 
+@font-face {
+  font-family: 'SuperNotesPro';
+  font-weight: 400;
+  font-style: normal;
+  src: url('/static/fonts/SNPro/SNPro-VariableRegular.ttf');
+}
+
+@font-face {
+  font-family: 'SuperNotesPro';
+  font-weight: 700;
+  font-style: bold;
+  src: url('/static/fonts/SNPro/SNPro-Bold.ttf');
+}
+
+
+@font-face {
+  font-family: 'SuperNotesPro';
+  font-weight: 400;
+  font-style: italic;
+  src: url('/static/fonts/SNPro/SNPro-Italic.ttf');
+}
+
 @font-face {
   font-family: 'FuturaBold';
   src: url('/static/fonts/FuturaBold/FuturaBold.otf');