fonts: use .woff instead .otf for asap fonts (#46057)

README

@@ -56,10 +56,11 @@ copyright notices:
   # https://www.fontsquirrel.com/license/source-sans-pro
 
 * Asap fonts
-  # https://www.fontsquirrel.com/fonts/asap
+  # Copyright (c) 2019, Omnibus-Type (www.omnibus-type.com | omnibus.type@gmail.com).
+  # https://github.com/Omnibus-Type/Asap/
   #
   # Licensed under the SIL Open Font License v1.10
-  # https://www.fontsquirrel.com/license/asap
+  # https://github.com/Omnibus-Type/Asap/blob/master/LICENSE.md
 
 * Raleway font
   # Copyright (c) 2010, Matt McInerney (matt@pixelspread.com),

static/includes/fonts/_asap.scss

@@ -1,21 +1,23 @@
-$asap-font-path: '/static/fonts/asap' !default;
+$asap-font-path: '/static/fonts/Asap' !default;
 
 @mixin asap-font($type, $weight) {
 	@font-face {
 		font-family: 'Asap';
-		src: url('#{$asap-font-path}/Asap-#{$type}.otf') format('opentype');
+		src: url('#{$asap-font-path}/Asap-#{$type}.woff2') format('woff2'),
+		     url('#{$asap-font-path}/Asap-#{$type}.woff') format('woff');
 		font-weight: $weight;
 		font-style: normal;
 	}
 	@font-face {
 		font-family: 'Asap';
-		src: url('#{$asap-font-path}/Asap-#{$type}Italic.otf') format('opentype');
+		src: url('#{$asap-font-path}/Asap-#{$type}Italic.woff2') format('woff2'),
+		     url('#{$asap-font-path}/Asap-#{$type}Italic.woff') format('woff');
 		font-weight: $weight;
 		font-style: italic;
 	}
-
 }
 
 @include asap-font('Regular', 400);
 @include asap-font('Medium', 500);
+@include asap-font('SemiBold', 600);
 @include asap-font('Bold', 700);