web: use subset font for dartboard numbers

Inter is under a permissive font and we use the number glyphs only, so
it makes sense to use a subset font to avoid loading the rest of the
glyphs.

Also removing the name table from the icons font to further reduce size.

1 files changed, 7 insertions, 2 deletions

diff --git a/web/static/style.css b/web/static/style.css
index cec45ba..f97585e 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -1,10 +1,15 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter&family=Lato:wght@400;700&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400&display=swap');
+@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: 'icons';
 	src: url('icons.woff2') format('woff2');
 }
 
+@font-face {
+	font-family: 'inter-num';
+	src: url('inter-num.woff2') format('woff2');
+}
+
 html {
 	height: 100vh;
 }
@@ -264,7 +269,7 @@ body {
 }
 
 #controls #keypad-dartboard #dartboard {
-	font-family: 'Inter';
+	font-family: 'inter-num';
 	height: 100%;
 
 	filter: drop-shadow(0 0 0.4rem #111);