make the logo use a subset of an open-source Albertus font

6 files changed, 19 insertions, 20 deletions

diff --git a/ACKNOWLEDGMENTS.md b/ACKNOWLEDGMENTS.md
index 1bb9926..6acd904 100644
--- a/ACKNOWLEDGMENTS.md
+++ b/ACKNOWLEDGMENTS.md
@@ -8,6 +8,7 @@ This website is built with the following third-party projects:
 - [PostCSS] (Evil Martians)
 - [Chai.js] (Jake Luer)
 - [Mocha]
+- [Albertus] (Berthold Wolpe, Miles Inc, Hewlett-Packard, ElseWare)
 
 
 [TypeScript]: http://www.typescriptlang.org/
@@ -18,3 +19,4 @@ This website is built with the following third-party projects:
 [PostCSS]: https://postcss.org/
 [Chai.js]: https://www.chaijs.com/
 [Mocha]: https://mochajs.org/
+[Albertus]: https://github.com/greyscalepress/font-specimens/tree/master/fonts/encore_des_fontes_manu/A028
diff --git a/src/assets/fonts/AlbertusTMW.eot b/src/assets/fonts/AlbertusTMW.eot
new file mode 100644
index 0000000..0a1a4df
--- /dev/null
+++ b/src/assets/fonts/AlbertusTMW.eot
diff --git a/src/assets/fonts/AlbertusTMW.ttf b/src/assets/fonts/AlbertusTMW.ttf
new file mode 100644
index 0000000..7d5d516
--- /dev/null
+++ b/src/assets/fonts/AlbertusTMW.ttf
diff --git a/src/assets/fonts/AlbertusTMW.woff b/src/assets/fonts/AlbertusTMW.woff
new file mode 100644
index 0000000..c94bba4
--- /dev/null
+++ b/src/assets/fonts/AlbertusTMW.woff
diff --git a/src/assets/fonts/AlbertusTMW.woff2 b/src/assets/fonts/AlbertusTMW.woff2
new file mode 100644
index 0000000..d98b04f
--- /dev/null
+++ b/src/assets/fonts/AlbertusTMW.woff2
diff --git a/src/components/Logo.vue b/src/components/Logo.vue
index 52a859e..18311f9 100644
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@@ -15,12 +15,11 @@
 */
 
 @font-face {
-	font-family: "CarterSubset";
-	src: url("https://gumi.ca/CarterSubset.eot");
-	src: local("@"),
-		url("https://gumi.ca/CarterSubset.woff2") format("woff2"),
-		url("https://gumi.ca/CarterSubset.woff") format("woff"),
-		url("https://gumi.ca/CarterSubset.ttf") format("truetype");
+	font-family: "Albertus TMW";
+	src: url("../assets/fonts/AlbertusTMW.eot");
+	src: url("../assets/fonts/AlbertusTMW.woff2") format("woff2"),
+		url("../assets/fonts/AlbertusTMW.woff") format("woff"),
+		url("../assets/fonts/AlbertusTMW.ttf") format("truetype");
 }
 
 .logo {
@@ -28,10 +27,10 @@
 	background: url(../assets/logo.svg) no-repeat left top; /* FIXME: the -small logo is fugly */
 	background-size: 12vw 12vw;
 	padding: 2vw 0 0 12vw;
-	font-family: "CarterSubset", cursive;
+	font-family: "Albertus TMW", cursive;
 	font-display: fallback;
 	font-size: 7vw;
-	text-shadow: 0.03ch 0.06ch #070905;
+	text-shadow: 0.05ch 0.09ch #070905;
 	color: #34B039;
 	height: 11vw;
 	cursor: pointer;
@@ -44,18 +43,17 @@
 @media (min-width: 800px) {
 	.logo {
 		background-image: url(../assets/logo.svg);
-		background-size: 100px 100px;
-		padding: 22px 0 0 105px;
-		font-size: 3em;
-		letter-spacing: 1px;
-		height: 90px;
+		background-size: 120px 120px;
+		padding: 30px 0 0 125px;
+		font-size: 4em;
+		height: 100px;
 		margin-top: 20px;
 		position: relative;
 
 		& span:first-of-type {
 			position: absolute;
-			left: 105px;
-			top: 4px;
+			left: 125px;
+			top: 0;
 			font-size: 0.6em;
 		}
 
@@ -63,11 +61,10 @@
 			display: inline;
 			position: absolute;
 			font-family: Helvetica;
-			font-size: 0.3em;
-			letter-spacing: -0.8px;
-			font-weight: lighter;
-			top: 73px;
-			left: 108px;
+			font-size: 0.2em;
+			letter-spacing: 2px;
+			top: 99px;
+			left: 128px;
 			text-shadow: none;
 			color: #616260;
 			font-style: oblique;