Add a custom font

This commit is contained in:
Emi Simpson 2023-10-28 12:25:31 -04:00
parent 6b8a4afa04
commit 47bfdac6c1
Signed by: Emi
GPG key ID: A12F2C2FFDC3D847
3 changed files with 16 additions and 6 deletions

View file

@ -1,4 +1,4 @@
all: site/style.css site/index.html site/drift.js all: site/style.css site/index.html site/drift.js site/grotesk.woff2
clean: clean:
rm -r site .sass-cache rm -r site .sass-cache
@ -14,3 +14,6 @@ site/index.html: sitedir index.html
site/drift.js: sitedir drift.js site/drift.js: sitedir drift.js
cp --reflink=auto drift.js site/ cp --reflink=auto drift.js site/
site/grotesk.woff2: sitedir grotesk.woff2
cp --reflink=auto grotesk.woff2 site/

BIN
grotesk.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

View file

@ -7,12 +7,12 @@ body, html
h1 h1
position: absolute position: absolute
top: 140px top: 85px
text-align: center text-align: center
width: 100vw width: 100vw
color: white color: white
font-family: Atkinson Hyperlegible font-family: Grotesk
font-size: 3em font-size: 5.8em
#goop-zone #goop-zone
position: relative position: relative
@ -25,3 +25,7 @@ h1
main main
background-color: #b50931 background-color: #b50931
@font-face
font-family: Grotesk
src: url("grotesk.woff2") format("woff2")