web: host fonts locally

8 files changed, 49 insertions, 8 deletions

diff --git a/web/static/fonts/inter-num.woff2 b/web/static/fonts/Inter-num.woff2
index 5cea7a5..5cea7a5 100644
--- a/web/static/fonts/inter-num.woff2
+++ b/web/static/fonts/Inter-num.woff2
diff --git a/web/static/fonts/Lato-Bold.woff2 b/web/static/fonts/Lato-Bold.woff2
new file mode 100644
index 0000000..2cc580d
--- /dev/null
+++ b/web/static/fonts/Lato-Bold.woff2
diff --git a/web/static/fonts/Lato-Regular.woff2 b/web/static/fonts/Lato-Regular.woff2
new file mode 100644
index 0000000..c9c4a67
--- /dev/null
+++ b/web/static/fonts/Lato-Regular.woff2
diff --git a/web/static/fonts/SourceSerif4-Bold.ttf.woff2 b/web/static/fonts/SourceSerif4-Bold.ttf.woff2
new file mode 100644
index 0000000..db57d21
--- /dev/null
+++ b/web/static/fonts/SourceSerif4-Bold.ttf.woff2
diff --git a/web/static/fonts/SourceSerif4-It.ttf.woff2 b/web/static/fonts/SourceSerif4-It.ttf.woff2
new file mode 100644
index 0000000..1cbc021
--- /dev/null
+++ b/web/static/fonts/SourceSerif4-It.ttf.woff2
diff --git a/web/static/fonts/SourceSerif4-Regular.ttf.woff2 b/web/static/fonts/SourceSerif4-Regular.ttf.woff2
new file mode 100644
index 0000000..2db73fe
--- /dev/null
+++ b/web/static/fonts/SourceSerif4-Regular.ttf.woff2
diff --git a/web/static/style.css b/web/static/style.css
index 0d2fbcd..852cffd 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -1,4 +1,40 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400&display=swap');
+@font-face {
+	font-family: 'Lato';
+	font-weight: 400;
+	font-display: swap;
+	src: url('fonts/Lato-Regular.woff2') format('woff2');
+}
+
+@font-face {
+	font-family: 'Lato';
+	font-weight: 700;
+	font-display: swap;
+	src: url('fonts/Lato-Bold.woff2') format('woff2');
+}
+
+@font-face {
+	font-family: 'Source Serif 4';
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap;
+	src: url('fonts/SourceSerif4-Regular.ttf.woff2') format('woff2');
+}
+
+@font-face {
+	font-family: 'Source Serif 4';
+	font-weight: 400;
+	font-style: italic;
+	font-display: swap;
+	src: url('fonts/SourceSerif4-It.ttf.woff2') format('woff2');
+}
+
+@font-face {
+	font-family: 'Source Serif 4';
+	font-weight: 700;
+	font-style: normal;
+	font-display: swap;
+	src: url('fonts/SourceSerif4-Bold.ttf.woff2') format('woff2');
+}
 
 @font-face {
 	font-family: 'bootstrap-icons-sub';
@@ -6,8 +42,8 @@
 }
 
 @font-face {
-	font-family: 'inter-num';
-	src: url('fonts/inter-num.woff2') format('woff2');
+	font-family: 'Inter-num';
+	src: url('fonts/Inter-num.woff2') format('woff2');
 }
 
 html {
@@ -270,7 +306,7 @@ body {
 }
 
 #controls #keypad-dartboard #dartboard {
-	font-family: 'inter-num';
+	font-family: 'Inter-num';
 	height: 100%;
 
 	filter: drop-shadow(0 0 0.4rem #111);
@@ -512,7 +548,7 @@ body {
 .modal-content {
 	background-color: #222;
 	font-size: 1.4em;
-	font-family: 'Source Serif Pro', serif;
+	font-family: 'Source Serif 4', serif;
 	user-select: text;
 
 	width: calc(min(44em, 100%) - 8em);
diff --git a/web/static/sw.js b/web/static/sw.js
index 6359ae5..bf1d818 100644
--- a/web/static/sw.js
+++ b/web/static/sw.js
@@ -1,5 +1,5 @@
 const CACHE_PREFIX = 'dartboat-'
-const CACHE_VERSION = '4';
+const CACHE_VERSION = '5';
 const CACHE_NAME = `${CACHE_PREFIX}${CACHE_VERSION}`;
 
 const CACHE_FILES = [
@@ -8,8 +8,13 @@ const CACHE_FILES = [
 	'dartboat.js',
 	'dartboat_wasm.js',
 	'dartboat_wasm.wasm',
-	'fonts/bootstrap-icons-sub.woff2',
-	'fonts/inter-num.woff2'
+	'fonts/Lato-Regular.woff2',
+	'fonts/Lato-Bold.woff2',
+	'fonts/SourceSerif4-Regular.ttf.woff2',
+	'fonts/SourceSerif4-It.ttf.woff2',
+	'fonts/SourceSerif4-Bold.ttf.woff2',
+	'fonts/Inter-num.woff2',
+	'fonts/bootstrap-icons-sub.woff2'
 ]
 
 function swlog(str) {