From e73942200b09ac22be553abc4671eca9a661704c Mon Sep 17 00:00:00 2001 From: wukko Date: Fri, 23 May 2025 16:53:34 +0600 Subject: [PATCH] web: replace regular noto sans mono with a custom font with 3 characters also fixed flicker that i introduced in the last commit this font is not used anywhere outside of the download button, so it makes no sense to load the entire font --- pnpm-lock.yaml | 8 -------- web/package.json | 1 - web/src/app.css | 2 +- web/src/fonts/noto-mono-cobalt.css | 7 +++++++ web/src/routes/+layout.svelte | 22 ++++++++++++++-------- web/static/fonts/noto-mono-cobalt.woff2 | Bin 0 -> 1560 bytes 6 files changed, 22 insertions(+), 18 deletions(-) create mode 100644 web/src/fonts/noto-mono-cobalt.css create mode 100644 web/static/fonts/noto-mono-cobalt.woff2 diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 93c24513..32364730 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -97,9 +97,6 @@ importers: '@fontsource/ibm-plex-mono': specifier: ^5.0.13 version: 5.0.13 - '@fontsource/noto-sans-mono': - specifier: ^5.2.7 - version: 5.2.7 '@fontsource/redaction-10': specifier: ^5.0.2 version: 5.0.2 @@ -534,9 +531,6 @@ packages: '@fontsource/ibm-plex-mono@5.0.13': resolution: {integrity: sha512-gtlMmvk//2AgDEZDFsoL5z9mgW3ZZg/9SC7pIfDwNKp5DtZpApgqd1Fua3HhPwYRIHrT76IQ1tMTzQKLEGtJGQ==} - '@fontsource/noto-sans-mono@5.2.7': - resolution: {integrity: sha512-kw+z21ZEjOzsUS49FVLsR/WwJ7LnXrlam5SzNGY6uSSF4gfzYm2CBzcS0Y5YqQCrtDZ4S6PpaAGRMzQ/MAZaXA==} - '@fontsource/redaction-10@5.0.2': resolution: {integrity: sha512-PODxYvb06YrNxdUBGcygiMibpgcZihzmvkmlX/TQAA2F7BUU/anfSKQi/VnLdJ/8LIK81/bUY+i7L/GP27FkVw==} @@ -2406,8 +2400,6 @@ snapshots: '@fontsource/ibm-plex-mono@5.0.13': {} - '@fontsource/noto-sans-mono@5.2.7': {} - '@fontsource/redaction-10@5.0.2': {} '@humanfs/core@0.19.1': {} diff --git a/web/package.json b/web/package.json index 0f28447b..27d37633 100644 --- a/web/package.json +++ b/web/package.json @@ -26,7 +26,6 @@ "devDependencies": { "@eslint/js": "^9.5.0", "@fontsource/ibm-plex-mono": "^5.0.13", - "@fontsource/noto-sans-mono": "^5.2.7", "@fontsource/redaction-10": "^5.0.2", "@imput/libav.js-encode-cli": "6.7.7", "@imput/libav.js-remux-cli": "^6.5.7", diff --git a/web/src/app.css b/web/src/app.css index f909a6c7..663ba800 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -188,7 +188,7 @@ body { } * { - font-family: "IBM Plex Mono", "Noto Sans Mono", monospace; + font-family: "IBM Plex Mono", monospace; user-select: none; scrollbar-width: none; -webkit-user-select: none; diff --git a/web/src/fonts/noto-mono-cobalt.css b/web/src/fonts/noto-mono-cobalt.css new file mode 100644 index 00000000..ffebf834 --- /dev/null +++ b/web/src/fonts/noto-mono-cobalt.css @@ -0,0 +1,7 @@ +@font-face { + font-family: "Noto Sans Mono"; + font-style: normal; + font-display: swap; + font-weight: 400; + src: url(/fonts/noto-mono-cobalt.woff2) format("woff2"); +} diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte index 4a782d11..47fbd5e7 100644 --- a/web/src/routes/+layout.svelte +++ b/web/src/routes/+layout.svelte @@ -1,12 +1,11 @@ @@ -97,8 +96,8 @@ data-theme={browser ? $currentTheme : undefined} lang={$locale} > - {#if preloadMeowbalt} - + {#if preloadAssets} + {/if}
diff --git a/web/static/fonts/noto-mono-cobalt.woff2 b/web/static/fonts/noto-mono-cobalt.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..49841428a34de008b588cd73c9a726d68a2f1335 GIT binary patch literal 1560 zcmV+z2Iu*APew8T0RR9100tNU5dZ)H01q4h00p=J0RR9100000000000000000000 z0000#Mn+Uk92yuKP#l8}24Db!QV0YQ2nvE^f;0;d00A}vBm))%AO(+X2QUl=8@3G* z)ub;0{5Y^1zV7fUkrzYTG;tBO!v}Wo#OL+>sk%2wLj(0=hUfwGK#aJfzOg2~gVO*m zu(&s!rfJmwR52m3Q7n=Y+Iq>o~0AE+h zCIpB9DL?@WC?G(D0*bJ!))Z8bZr{IS6QjF#boMiKQ|qoR%)Wf7H(XXPpZ6ZMLsF}#EnQY>#nM@n%e2xx6Bu1?%;e!sY9@lexGc zrf7LpOj&WEt#3MM?QK>Jw!MAxHqu=?THDFrw6%Q`W4G?;*urE$01y-q1P~0C2!qLH zEG{X8v49H*8C*b_#fF7~WD^&J(ue{|i2@jku>9$ci}1tyx*tJ; zfFuAO00|%j)BxK601He-0Z;@%t+lb3=f|Q>+*U=MNPAthrsC9ta`2((=?6G)f2;oF z)zaQ3tyCYp>#2ngJ$9EId^d9H?RixXz31eU@4Ul-w_l%k|HIcnq|)C`{#D_tzRQ2E z<~ilOkPJ3UUmE*XdgFYP~L`vP1!3~woIH=IA_|hmF}iZJ@@5=izb4e1mF%~+M+u>%P*NbT<7DT z*(hhFF&c++(BaCz`f9O@W&zY(Ht*ZMNON-0Z=tC9zI-^>4}O>b^=-(Xy&#a+Q?v%w z{*NF~(UgJ@)irYEuQzqwL;*aeV97!}Q^}SqTM(3b?$<*|NCt{0r7+~lm9Pwz@8A&E zG+YL289YYnEeJ70|3#R=W)ULz=2Aq-Gk+jPuB}9z3!N(tPmtxdVGtVz?gc%BY#9tC zArg$`W%QVl1-55SNj5*IiFA z$DPPZR@me!2^>$LrG=#>bmkGX#RNlp3F{C;pcgaYu_QxxJRv68N~z=o!kaY|gN;fN zH8K{9L{=JTB8Uo3LP)P*czn!Y5E%EM3Qmo>wzD^4-Li1gq1ZpB&)r-Wk8nZ!+|;d9 zM#ofR)SS!OuIi#b&{~*lnoHxQ<{mJ2)LDg&WoH44 zuol|Y@XUk>n0JZej6sHUq(!2&$Vf|ih*{_hW6pq}wY4`YB#RdzmaiwI-aUohZU@%u zHwC<%S6od9`Z3a+AaZ8IBSQf$so9rbNS)PxqCsKrD4w)#!5Ps;7($mj>T}%}JiHWX zp~e+L7jE^kRDlk=G9g{7mUaaNnsBSWh)Wa~cZ&DG-u15(LL)50em@hb(BPl?F zDrxwP;jpDsFcY&@u%S>p20_>(nqmMdgsf2eSq8|6PMBpEy6BfOi%`_}ktj!L<*Zk? z>QpP`sF^1}*3gbM--zzJMo~T4&-to~WTBkrn6{jCFXf*W47A38pi4Q9A$?*m4*IRd z3YHOXDl?K`A~Gcl1`11@($1$fXx^i)x6*QyNNubZHOqCKe%5m}A$SnyXh1508!9DM zBcSNt2WRq3rN_S