Use my custom fonts

2 files changed, 31 insertions, 1 deletions

diff --git a/Makefile b/Makefile
index 2eb506a..6dadc1d 100644
--- a/Makefile
+++ b/Makefile
@@ -8,7 +8,9 @@ sources  := ${shell find src -type f -regextype egrep -regex '.*/(index\.html|.*
 outputs  := ${sources:src/%=out/%}
 outputs  := ${outputs:%.dot=%.svg}
 
-all: ${outdirs} ${outputs}
+all: ${outdirs} ${outputs} fonts
+	@cp -r fonts out
+	@printf 'CP\tfonts\n'
 
 ${outdirs}:
 	@mkdir -p $@
diff --git a/src/style.css b/src/style.css
index 2f955ab..8277d0e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -12,6 +12,34 @@
 	--red: #C66;
 }
 
+@font-face {
+	font-family: Vollkorn;
+	src: url('fonts/vollkorn-regular.woff2') format('woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Vollkorn;
+	src: url('fonts/vollkorn-italic.woff2') format('woff2');
+	font-weight: normal;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Iosevka Smooth';
+	src: url('fonts/iosevka-regular.woff2') format('woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Iosevka Smooth';
+	src: url('fonts/iosevka-italic.woff2') format('woff2');
+	font-weight: normal;
+	font-style: italic;
+}
+
 *, *::before, *::after { box-sizing: border-box; }
 
 body {