fix(font-family): added system fonts (#9325)

* fix(font-family): added system fonts * fix(font-family): updated tests * fix(font-family): update reset-test * fix(font-family): undid last changes and added more languages Co-authored-by: Josh Black <[email protected]>
carbon-design-system · Aug 2, 2021 · d45a224 · d45a224
1 parent 958da95
commit d45a224
Showing 1 changed file with 33 additions and 5 deletions.
diff --git a/packages/type/scss/modules/_font-family.scss b/packages/type/scss/modules/_font-family.scss
@@ -13,16 +13,44 @@
 $font-families: (
   'mono':
     unquote(
-      "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"
+      "'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace"
+    ),
+  'sans':
+    unquote(
+      "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
     ),
-  'sans': unquote("'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif"),
   'sans-condensed':
-    unquote("'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif"),
+    unquote(
+      "'IBM Plex Sans Condensed', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
+    ),
+  'sans-arabic':
+    unquote(
+      "'IBM Plex Sans Arabic', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
+    ),
+  'sans-devanagari':
+    unquote(
+      "'IBM Plex Sans Devanagari', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
+    ),
   'sans-hebrew':
     unquote(
-      "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif"
+      "'IBM Plex Sans Hebrew', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
+    ),
+  'sans-jp':
+    unquote(
+      "'IBM Plex Sans JP', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
+    ),
+  'sans-kr':
+    unquote(
+      "'IBM Plex Sans KR', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
+    ),
+  'sans-thai':
+    unquote(
+      "'IBM Plex Sans Thai', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
+    ),
+  'serif':
+    unquote(
+      "'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif"
     ),
-  'serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
 ) !default;
 
 /// Get the font-family for an IBM Plex font