diff --git a/packages/core/src/themes/ionic.theme.dark.scss b/packages/core/src/themes/ionic.theme.dark.scss
index bd8f3da4e1..bba3e30d00 100644
--- a/packages/core/src/themes/ionic.theme.dark.scss
+++ b/packages/core/src/themes/ionic.theme.dark.scss
@@ -20,7 +20,7 @@ $link-color:                 color($colors, primary) !default;
 $background-color:           #191919 !default;
 $subdued-text-color:         #666 !default;
 
-$font-family-base:           -apple-system, "Helvetica Neue", "Roboto", sans-serif !default;
+$font-family-base:           -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif !default;
 $font-size-base:             1.4rem !default; // 1.4rem == 14px
 
 $content-padding:            16px !default;
diff --git a/packages/core/src/themes/ionic.theme.default.scss b/packages/core/src/themes/ionic.theme.default.scss
index ec5646a223..4c6323a36d 100644
--- a/packages/core/src/themes/ionic.theme.default.scss
+++ b/packages/core/src/themes/ionic.theme.default.scss
@@ -20,7 +20,7 @@ $link-color:                 color($colors, primary) !default;
 $background-color:           #fff !default;
 $subdued-text-color:         #666 !default;
 
-$font-family-base:           -apple-system, "Helvetica Neue", "Roboto", sans-serif !default;
+$font-family-base:           -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif !default;
 $font-size-base:             1.4rem !default; // 1.4rem == 14px
 
 $content-padding:            16px !default;