From 1d2735f198e81e3f294480e026ec731533dfef5c Mon Sep 17 00:00:00 2001 From: gumi Date: Thu, 25 Jul 2019 16:09:34 -0400 Subject: make the logo use a subset of an open-source Albertus font --- ACKNOWLEDGMENTS.md | 2 ++ src/assets/fonts/AlbertusTMW.eot | Bin 0 -> 10806 bytes src/assets/fonts/AlbertusTMW.ttf | Bin 0 -> 10592 bytes src/assets/fonts/AlbertusTMW.woff | Bin 0 -> 6856 bytes src/assets/fonts/AlbertusTMW.woff2 | Bin 0 -> 5540 bytes src/components/Logo.vue | 37 +++++++++++++++++-------------------- 6 files changed, 19 insertions(+), 20 deletions(-) create mode 100644 src/assets/fonts/AlbertusTMW.eot create mode 100644 src/assets/fonts/AlbertusTMW.ttf create mode 100644 src/assets/fonts/AlbertusTMW.woff create mode 100644 src/assets/fonts/AlbertusTMW.woff2 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 Binary files /dev/null and b/src/assets/fonts/AlbertusTMW.eot differ diff --git a/src/assets/fonts/AlbertusTMW.ttf b/src/assets/fonts/AlbertusTMW.ttf new file mode 100644 index 0000000..7d5d516 Binary files /dev/null and b/src/assets/fonts/AlbertusTMW.ttf differ diff --git a/src/assets/fonts/AlbertusTMW.woff b/src/assets/fonts/AlbertusTMW.woff new file mode 100644 index 0000000..c94bba4 Binary files /dev/null and b/src/assets/fonts/AlbertusTMW.woff differ diff --git a/src/assets/fonts/AlbertusTMW.woff2 b/src/assets/fonts/AlbertusTMW.woff2 new file mode 100644 index 0000000..d98b04f Binary files /dev/null and b/src/assets/fonts/AlbertusTMW.woff2 differ 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; -- cgit v1.2.3-60-g2f50