summaryrefslogtreecommitdiff
path: root/web/static
diff options
context:
space:
mode:
authorDavid Vazgenovich Shakaryan <dvshakaryan@gmail.com>2022-05-12 01:54:21 -0700
committerDavid Vazgenovich Shakaryan <dvshakaryan@gmail.com>2022-05-12 01:59:07 -0700
commitdfac0ec143c2c6cae9bf9cf98673b5bf3a870e1c (patch)
treeb6bae75d9a5ec09d522ce3f5231c9d1f4a456538 /web/static
parentd0a2eaecd6c1ef61fbb841d726c183923b903f0c (diff)
downloaddartboat-dfac0ec143c2c6cae9bf9cf98673b5bf3a870e1c.tar.gz
dartboat-dfac0ec143c2c6cae9bf9cf98673b5bf3a870e1c.tar.xz
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.
Diffstat (limited to 'web/static')
-rw-r--r--web/static/icons.woff2bin1124 -> 728 bytes
-rw-r--r--web/static/index.html2
-rw-r--r--web/static/inter-num.woff2bin0 -> 2244 bytes
-rw-r--r--web/static/style.css9
4 files changed, 8 insertions, 3 deletions
diff --git a/web/static/icons.woff2 b/web/static/icons.woff2
index 5dd9215..3f7ef9b 100644
--- a/web/static/icons.woff2
+++ b/web/static/icons.woff2
Binary files differ
diff --git a/web/static/index.html b/web/static/index.html
index 7aa2b73..7222f64 100644
--- a/web/static/index.html
+++ b/web/static/index.html
@@ -3,7 +3,7 @@
<head>
<title>dartboat™</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <meta name="viewport" content="width=device-width, user-scalable=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="dartboat.js"></script>
<script src="dartboat_wasm.js"></script>
diff --git a/web/static/inter-num.woff2 b/web/static/inter-num.woff2
new file mode 100644
index 0000000..5cea7a5
--- /dev/null
+++ b/web/static/inter-num.woff2
Binary files differ
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);