Switch typeface to Concourse

oskarrough · Aug 9, 2020 · 3e9e8ba · 3e9e8ba
1 parent 245603a
commit 3e9e8ba
Show file tree

Hide file tree

Showing 10 changed files with 49 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -4,19 +4,15 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="A video card game for the web" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
-
 		<title>Slay the Web</title>
-
 		<link rel="manifest" href="manifest.webmanifest" />
     <meta name="mobile-web-app-capable" content="yes">
 		<meta name="theme-color" content="#116f54" />
 		<meta name="msapplication-TileColor" content="#116f54">
 		<link rel="icon" type="image/png" href="/ui/images/favicons/favicon-512.png" sizes="512x512" />
 		<link rel="shortcut icon" href="/ui/images/favicons/favicon.ico">
 		<link rel="apple-touch-icon" href="/ui/images/favicon-512.png" />
-
 		<link rel="stylesheet" href="ui/index.css" />
-		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Port Lligat Slab&amp;display=swap" />
 	</head>
 	<body>
 		<div id="SlayTheWeb"></div>

diff --git a/public/ui/fonts/concourse/concourse_c3_regular.woff b/public/ui/fonts/concourse/concourse_c3_regular.woff
diff --git a/public/ui/fonts/concourse/concourse_c4_regular.woff b/public/ui/fonts/concourse/concourse_c4_regular.woff
diff --git a/public/ui/fonts/concourse/concourse_t3_bold.woff b/public/ui/fonts/concourse/concourse_t3_bold.woff
diff --git a/public/ui/fonts/concourse/concourse_t3_bold_italic.woff b/public/ui/fonts/concourse/concourse_t3_bold_italic.woff
diff --git a/public/ui/fonts/concourse/concourse_t3_italic.woff b/public/ui/fonts/concourse/concourse_t3_italic.woff
diff --git a/public/ui/fonts/concourse/concourse_t3_regular.woff b/public/ui/fonts/concourse/concourse_t3_regular.woff
diff --git a/public/ui/fonts/concourse/concourse_t4_italic.woff b/public/ui/fonts/concourse/concourse_t4_italic.woff
diff --git a/public/ui/fonts/concourse/concourse_t4_regular.woff b/public/ui/fonts/concourse/concourse_t4_regular.woff
diff --git a/public/ui/index.css b/public/ui/index.css
@@ -56,7 +56,8 @@ html {
 
 html,
 button {
-	font-family: 'Port Lligat Slab', serif;
+	font-family: 'concourse_t3', 'Port Lligat Slab', serif;
+	font-feature-settings: 'kern' 1;
 }
 
 body {
@@ -253,6 +254,7 @@ h2 {
 	user-select: none;
 }
 .Card-type {
+	font-family: 'concourse_c3';
 	margin-top: -0.5em;
 	font-size: small;
 	opacity: 0.6;
@@ -609,3 +611,49 @@ h2 {
 .EndTurn:hover {
 	box-shadow: 0px 0px 15px 10px var(--yellow);
 }
+
+/**
+ * Fonts
+ */
+
+@font-face {
+	font-family: 'concourse_c3';
+	src: url('fonts/concourse/concourse_c3_regular.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* @font-face { */
+/* 	font-family: 'concourse_c3'; */
+/* 	src: url('fonts/concourse/concourse_c4_regular.woff') format('woff'); */
+/* 	font-weight: bold; */
+/* 	font-style: normal; */
+/* } */
+
+@font-face {
+	font-family: 'concourse_t3';
+	src: url('fonts/concourse/concourse_t3_regular.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'concourse_t3';
+	src: url('fonts/concourse/concourse_t3_italic.woff') format('woff');
+	font-weight: normal;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'concourse_t3';
+	src: url('fonts/concourse/concourse_t3_bold.woff') format('woff');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'concourse_t3';
+	src: url('fonts/concourse/concourse_t3_bold_italic.woff') format('woff');
+	font-weight: bold;
+	font-style: italic;
+}