add a custom font variant

thieryw · Dec 9, 2021 · 4d5866f · 4d5866f
1 parent 7a2003d
commit 4d5866f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -67,7 +67,7 @@
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
 
   </head>
   <body>

diff --git a/src/theme.ts b/src/theme.ts
@@ -25,6 +25,13 @@ export const { ThemeProvider, useTheme } = createThemeProvider({
 				"subtitle": {
 					...typographyDesc.variants["subtitle"],
 					"fontFamily": '"Open Sans", sans-serif'
+				},
+				"My title": {
+					"htmlComponent": "h1",
+					"fontWeight": "bold",
+					"fontSizeRem": 2,
+					"lineHeightRem": 2,
+					"fontFamily": '"Cinzel Decorative", cursive'
 				}
 			}
 		}