fonts: add Quattrocento Sans (#35662)

README

@@ -225,6 +225,15 @@ copyright notices:
   #
   # https://www.fontsquirrel.com/license/catamaran
 
+* Quattrocento Sans
+  # Copyright (c) 2011, Pablo Impallari (www.impallari.com|impallari@gmail.com),
+  # Copyright (c) 2011, Igino Marini. (www.ikern.com|mail@iginomarini.com),
+  # with Reserved Font Name Quattrocento Sans.
+  #
+  # This Font Software is licensed under the SIL Open Font License, Version 1.1.
+  #
+  # https://www.fontsquirrel.com/license/quattrocento-sans
+
 ~~~~
 
 Some theme variant files have their own specific licenses; refer to

static/includes/_font-quattrocentosans.scss

@@ -0,0 +1,17 @@
+@mixin quattrocentosans-font($type, $weight, $style) {
+	@font-face {
+		font-family: 'Quattrocento Sans';
+		src: url('/static/fonts/QuattrocentoSans/quattrocentosans-#{$type}-webfont.woff2') format('woff2'),
+		     url('/static/fonts/QuattrocentoSans/quattrocentosans-#{$type}-webfont.woff') format('woff');
+		font-weight: $weight;
+		font-style: $style;
+	}
+}
+
+@mixin quattrocentosans-font-pair($type, $weight) {
+	@include quattrocentosans-font($type, $weight, normal);
+	@include quattrocentosans-font('#{$type}italic', $weight, italic);
+}
+
+@include quattrocentosans-font-pair('regular', 400);
+@include quattrocentosans-font-pair('bold', 700);

static/saint-vallier-de-thiey/_custom.scss

@@ -1,4 +1,4 @@
-@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);
+@import '../includes/font-quattrocentosans';
 
 body {
 	background: #F8F8F8;
@@ -43,7 +43,7 @@ div#header h1 {
 	line-height: 100px;
 	height: 100px;
 	font-weight: normal;
-	font-family: Quattrocento;
+	font-family: "Quattrocento Sans";
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	font-size: 30px;