From 1b437f989b8749ed26510d68050ac380dd74a900 Mon Sep 17 00:00:00 2001 From: gumi Date: Thu, 25 Jul 2019 12:05:34 -0400 Subject: switch logo to CarterSubset --- src/components/Logo.vue | 15 +++++++++++++-- src/router.ts | 2 +- 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/src/components/Logo.vue b/src/components/Logo.vue index ff81161..af84000 100644 --- a/src/components/Logo.vue +++ b/src/components/Logo.vue @@ -10,15 +10,26 @@ /* XXX: I couldn't find the font usued in the original PNG logo so I used something similar-ish -*/ + @import url('https://fonts.googleapis.com/css?family=Carter+One&display=swap'); +*/ + +@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"); +} .logo { /* this is all relative because our mobile site has to be responsive */ 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: 'Carter One', cursive; + font-family: "CarterSubset", cursive; + font-display: fallback; font-size: 7vw; text-shadow: 0.03ch 0.06ch #070905; color: #34B039; diff --git a/src/router.ts b/src/router.ts index c1902db..c58c258 100644 --- a/src/router.ts +++ b/src/router.ts @@ -63,7 +63,7 @@ router.afterEach((to, from) => { // scroll to the title if we're below it if (mainTitle) { mainTitle.scrollIntoView({ - block: "nearest", + block: "nearest", // FIXME: weird behaviour in firefox! inline: "nearest", behavior: "smooth", }); -- cgit v1.2.3-60-g2f50