fonts: add Montserrat Alternates (#60753)

README

@@ -128,7 +128,7 @@ copyright notices:
   #
   # https://www.fontsquirrel.com/license/Titillium
 
-* Montserrat font
+* Montserrat & Montserrat Alternates fonts
   # Copyright 2011 The Montserrat Project Authors
   # (https://github.com/JulietaUla/Montserrat)
   #

static/includes/fonts/_montserrat-alternates.scss

@@ -0,0 +1,31 @@
+$montserrat-alternates-font-path: '/static/fonts/MontserratAlternates' !default;
+
+@mixin montserrat-alternates-font($type, $weight, $style: normal) {
+	@font-face {
+		font-family: 'Montserrat Alternates';
+		src: url('#{$montserrat-alternates-font-path}/MontserratAlternates-#{$type}.woff2') format('woff2'),
+		     url('#{$montserrat-alternates-font-path}/MontserratAlternates-#{$type}.woff') format('woff');
+		font-weight: $weight;
+		font-style: $style;
+	}
+
+	@font-face {
+		font-family: 'Montserrat Alternates #{$type}';
+		src: url('#{$montserrat-alternates-font-path}/MontserratAlternates-#{$type}.woff2') format('woff2'),
+		     url('#{$montserrat-alternates-font-path}/MontserratAlternates-#{$type}.woff') format('woff');
+	}
+}
+
+@mixin montserrat-alternates-font-pair($type, $weight) {
+	@include montserrat-alternates-font($type, $weight);
+	@include montserrat-alternates-font(#{$type}Italic, $weight, italic);
+}
+
+
+@include montserrat-alternates-font-pair('Thin', 100);
+@include montserrat-alternates-font-pair('ExtraLight', 200);
+@include montserrat-alternates-font-pair('Light', 300);
+@include montserrat-alternates-font-pair('Regular', 400);
+@include montserrat-alternates-font-pair('Semibold', 600);
+@include montserrat-alternates-font-pair('Bold', 700);
+@include montserrat-alternates-font-pair('Black', 900);