diff --git a/core/scripts/testing/styles.css b/core/scripts/testing/styles.css
index 1455e80d1e..4f6e6ad944 100644
--- a/core/scripts/testing/styles.css
+++ b/core/scripts/testing/styles.css
@@ -33,7 +33,7 @@
 }
 
 :root, html {
-  --ion-dynamic-type: var(--ion-default-dynamic-font);
+  --ion-dynamic-font: var(--ion-default-dynamic-font);
 }
 
 :root,
diff --git a/core/src/css/typography.scss b/core/src/css/typography.scss
index 84f7959408..5493b0aab6 100644
--- a/core/src/css/typography.scss
+++ b/core/src/css/typography.scss
@@ -38,7 +38,7 @@ html {
  */
 @supports (-webkit-touch-callout: none) {
   html {
-    font: var(--ion-dynamic-type);
+    font: var(--ion-dynamic-font);
   }
 }