Rainfall: Setup Typography - Fonts & Weights

rainfall/theme.json

@@ -57,12 +57,35 @@
 					"name": "Helvetica Neue",
 					"slug": "helvetica-neue"
 				}
+			],
+			"fontSizes": [
+				{
+					"name": "Small",
+					"size": "1rem",
+					"slug": "small"
+				},
+				{
+					"name": "Medium",
+					"size": "1.375rem",
+					"slug": "medium"
+				},
+				{
+					"name": "Large",
+					"size": "1.625rem",
+					"slug": "large"
+				},
+				{
+					"name": "Extra large",
+					"size": "2rem",
+					"slug": "x-large"
+				}
 			]
 		}
 	},
 	"styles": {
 		"typography": {
-			"fontFamily": "var(--wp--preset--font-family--helvetica-neue)"
+			"fontFamily": "var(--wp--preset--font-family--helvetica-neue)",
+			"lineHeight": "1.6"
 		},
 		"elements": {
 			"button": {
@@ -79,11 +102,55 @@
 						"bottom": "18",
 						"top": "18"
 					}
-				},
+				}
+			},
+			"heading": {
 				"typography": {
 					"textTransform": "uppercase"
 				}
 			},
+			"h1": {
+				"typography": {
+					"fontWeight": "400",
+					"fontSize": "clamp(4rem, 6vw, 6.5rem)",
+					"lineHeight": "0.92"
+				}
+			},
+			"h2": {
+				"typography": {
+					"fontWeight": "400",
+					"fontSize": "clamp(2rem, 5vw, 2.375rem)",
+					"lineHeight": "1"
+				}
+			},
+			"h3": {
+				"typography": {
+					"fontWeight": "700",
+					"fontSize": "var(--wp--preset--font-size--x-large)",
+					"lineHeight": "1.2"
+				}
+			},
+			"h4": {
+				"typography": {
+					"fontWeight": "700",
+					"fontSize": "1.75rem",
+					"lineHeight": "1.1"
+				}
+			},
+			"h5": {
+				"typography": {
+					"fontWeight": "700",
+					"fontSize": "1.5rem",
+					"lineHeight": "1.2"
+				}
+			},
+			"h6": {
+				"typography": {
+					"fontWeight": "700",
+					"fontSize": "var(--wp--preset--font-size--small)",
+					"lineHeight": "1.3"
+				}
+			},
 			"link": {
 				"color": {
 					"text": "var(--wp--preset--color--black)"