fix(fonts): avoid referencing split woff files (#899)

Porting IBM/plex#160. Fixes #665. Refs carbon-design-system/carbon-components-react#925.
carbon-design-system · Jun 22, 2018 · ac6ed4c · ac6ed4c
1 parent f6cec12
commit ac6ed4c
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 2 deletions.
diff --git a/src/globals/fonts/IBMPlexMono-Light.woff b/src/globals/fonts/IBMPlexMono-Light.woff
diff --git a/src/globals/fonts/IBMPlexMono-Regular.woff b/src/globals/fonts/IBMPlexMono-Regular.woff
diff --git a/src/globals/fonts/IBMPlexMono-SemiBold.woff b/src/globals/fonts/IBMPlexMono-SemiBold.woff
diff --git a/src/globals/fonts/IBMPlexSans-Light.woff b/src/globals/fonts/IBMPlexSans-Light.woff
diff --git a/src/globals/fonts/IBMPlexSans-Regular.woff b/src/globals/fonts/IBMPlexSans-Regular.woff
diff --git a/src/globals/fonts/IBMPlexSans-SemiBold.woff b/src/globals/fonts/IBMPlexSans-SemiBold.woff
diff --git a/src/globals/scss/_css--plex-core.scss b/src/globals/scss/_css--plex-core.scss
@@ -37,13 +37,19 @@ $weights: (
 @mixin plex-font-face {
   @each $family, $name in $families {
     @each $weight, $styles in $weights {
+      @font-face {
+        font-family: $name;
+        font-style: map-get($styles, "font-style");
+        font-weight: map-get($styles, "font-weight");
+        src: url('#{$font-path}/IBMPlex#{$family}-#{$weight}.woff') format('woff');
+      }
+
       @each $unicode, $range in $unicodes {
         @font-face {
           font-family: $name;
           font-style: map-get($styles, "font-style");
           font-weight: map-get($styles, "font-weight");
-          src: url('#{$font-path}/IBMPlex#{$family}-#{$weight}-#{$unicode}.woff2') format('woff2'),
-            url('#{$font-path}/IBMPlex#{$family}-#{$weight}-#{$unicode}.woff') format('woff');
+          src: url('#{$font-path}/IBMPlex#{$family}-#{$weight}-#{$unicode}.woff2') format('woff2');
           unicode-range: map-get($unicodes, $unicode);
         }
       }