diff --git a/src/contentScripts/views/necessarySettingsWatchers.ts b/src/contentScripts/views/necessarySettingsWatchers.ts
index ac1ee058..2fd2f57f 100644
--- a/src/contentScripts/views/necessarySettingsWatchers.ts
+++ b/src/contentScripts/views/necessarySettingsWatchers.ts
@@ -54,7 +54,7 @@ export function setupNecessarySettingsWatchers() {
     () => {
       // Set the default font family
       if (!settings.value.customizeFont && !settings.value.fontFamily) {
-        settings.value.fontFamily = `-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, "Roboto Flex", "Noto Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Arial, sans-serif`
+        settings.value.fontFamily = `-apple-system, BlinkMacSystemFont, Inter, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Roboto Flex", Roboto, "Noto Sans", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Arial, sans-serif`
       }
 
       if (settings.value.customizeFont) {
diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss
index 2993d645..4df7c923 100644
--- a/src/styles/fonts.scss
+++ b/src/styles/fonts.scss
@@ -1,7 +1,7 @@
 :root,
 :host {
-  --bew-fonts-basic: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, "Roboto Flex", "Noto Sans", Roboto, Oxygen,
-    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue";
+  --bew-fonts-basic: -apple-system, BlinkMacSystemFont, Inter, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI",
+    "Roboto Flex", Roboto, "Noto Sans", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue";
   --bew-fonts-fallback: system-ui, Arial, sans-serif;
 
   --bew-fonts-english: var(--bew-fonts-basic), var(--bew-fonts-fallback);