Emi/alchemi.dev
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add a custom font

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
Makefile
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
@ -13,4 +13,7 @@ site/index.html: sitedir index.html
cp --reflink=auto index.html site/ cp --reflink=auto index.html site/
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
View file

Binary file not shown.

12
style.sass
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
@ -24,4 +24,8 @@ h1
transition: transform 0.485s linear transition: transform 0.485s linear
main main
background-color: #b50931 background-color: #b50931
@font-face
font-family: Grotesk
src: url("grotesk.woff2") format("woff2")