Replace Poppins font with DM Sans (#3869)

* Replace Poppins font with DM Sans

* Update child-experimental-theme.json and recompile.

* Update screenshot.png

quadrat/assets/theme.css

@@ -267,7 +267,7 @@ ul ul {
 }
 
 .wp-block-table th {
-	font-weight: 500;
+	font-weight: 400;
 }
 
 .wp-block-table tbody td {

quadrat/child-experimental-theme.json

@@ -46,7 +46,7 @@
 				},
 				"typography": {
 					"fontSize": "20px",
-					"fontWeight": "600"
+					"fontWeight": "700"
 				}
 			},
 			"color": {
@@ -57,7 +57,7 @@
 				"selection": "var(--wp--preset--color--darker-blue)"
 			},
 			"fontsToLoadFromGoogle": [
-				"family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,400"
+				"family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
 			],
 			"form": {
 				"border": {
@@ -115,7 +115,7 @@
 					"typography": {
 						"fontSize": "var(--wp--preset--font-size--tiny)",
 						"fontStyle": "normal",
-						"fontWeight": "300"
+						"fontWeight": "400"
 					}
 				}
 			},
@@ -123,7 +123,7 @@
 				"citation": {
 					"typography": {
 						"fontStyle": "normal",
-						"fontWeight": 300
+						"fontWeight": 400
 					}
 				}
 			}
@@ -147,9 +147,9 @@
 			"customLineHeight": true,
 			"fontFamilies": [
 				{
-					"fontFamily": "\"Poppins\", sans-serif",
+					"fontFamily": "\"DM Sans\", sans-serif",
 					"slug": "base",
-					"name": "Poppins"
+					"name": "DM Sans"
 				},
 				{
 					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
@@ -199,7 +199,8 @@
 					"text": "var(--wp--custom--button--color--text)"
 				},
 				"typography": {
-					"fontSize": "var(--wp--custom--button--typography--font-size)"
+					"fontSize": "var(--wp--custom--button--typography--font-size)",
+					"fontWeight": "var(--wp--custom--button--typography--font-weight)"
 				}
 			},
 			"core/code": {
@@ -239,7 +240,7 @@
 				"citation": {
 					"typography": {
 						"fontSize": "15px",
-						"fontWeight": "300"
+						"fontWeight": "400"
 					}
 				},
 				"spacing": {
@@ -257,7 +258,7 @@
 				"typography": {
 					"fontStyle": "normal",
 					"fontSize": "var(--wp--preset--font-size--huge)",
-					"fontWeight": "500",
+					"fontWeight": "400",
 					"lineHeight": "1.4"
 				},
 				"spacing": {
@@ -275,13 +276,13 @@
 					"link": "var(--wp--custom--color--primary)"
 				},
 				"typography": {
-					"fontSize": "20px",
-					"fontWeight": 800
+					"fontSize": "18px",
+					"fontWeight": 700
 				}
 			},
 			"core/navigation": {
 				"typography": {
-					"fontSize": "20px"
+					"fontSize": "18px"
 				}
 			}
 		},

quadrat/experimental-theme.json

@@ -74,7 +74,7 @@
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--base)",
 					"fontSize": "20px",
-					"fontWeight": "600",
+					"fontWeight": "700",
 					"lineHeight": 2
 				}
 			},
@@ -212,7 +212,7 @@
 						"fontSize": "var(--wp--preset--font-size--tiny)",
 						"fontFamily": "inherit",
 						"fontStyle": "normal",
-						"fontWeight": 300
+						"fontWeight": 400
 					},
 					"spacing": {
 						"margin": {
@@ -229,7 +229,7 @@
 					"typography": {
 						"fontSize": "var(--wp--preset--font-size--tiny)",
 						"fontStyle": "normal",
-						"fontWeight": "300"
+						"fontWeight": "400"
 					}
 				},
 				"typography": {
@@ -255,7 +255,7 @@
 				}
 			},
 			"fontsToLoadFromGoogle": [
-				"family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,400"
+				"family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
 			],
 			"line-height": {
 				"body": 1.7,
@@ -288,9 +288,9 @@
 			"customLineHeight": true,
 			"fontFamilies": [
 				{
-					"fontFamily": "\"Poppins\", sans-serif",
+					"fontFamily": "\"DM Sans\", sans-serif",
 					"slug": "base",
-					"name": "Poppins"
+					"name": "DM Sans"
 				},
 				{
 					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
@@ -385,7 +385,7 @@
 			},
 			"core/navigation": {
 				"typography": {
-					"fontSize": "20px"
+					"fontSize": "18px"
 				}
 			},
 			"core/post-content": {
@@ -420,7 +420,7 @@
 				"typography": {
 					"fontStyle": "normal",
 					"fontSize": "var(--wp--preset--font-size--huge)",
-					"fontWeight": "500",
+					"fontWeight": "400",
 					"lineHeight": "1.4"
 				},
 				"spacing": {
@@ -444,8 +444,8 @@
 			},
 			"core/site-title": {
 				"typography": {
-					"fontSize": "20px",
-					"fontWeight": 800
+					"fontSize": "18px",
+					"fontWeight": 700
 				},
 				"color": {
 					"link": "var(--wp--custom--color--primary)"
@@ -471,7 +471,7 @@
 				"citation": {
 					"typography": {
 						"fontSize": "15px",
-						"fontWeight": "300"
+						"fontWeight": "400"
 					}
 				}
 			},

quadrat/sass/blocks/_table.scss

@@ -1,6 +1,6 @@
 .wp-block-table {
 	th {
-		font-weight: 500;
+		font-weight: 400;
 	}
 
 	tbody td { // tbody adds the specificity needed to override the default Gutenberg styles