Remove woff(1) assets, show something when mining pool logo is shown

src/lib/style/app.scss

@@ -1,9 +1,23 @@
+@use '@fontsource/ubuntu/scss/mixins' as Ubuntu;
+@use '@fontsource/antonio/scss/mixins' as Antonio;
+
 @import '../node_modules/bootstrap/scss/functions';
 
 //@import "@fontsource/antonio/latin-400.css";
-@import '@fontsource/ubuntu/latin-400.css';
+
-//@import '@fontsource/oswald/latin-400.css';
+@include Ubuntu.faces(
-@import '@fontsource/antonio/latin-400.css';
+	$subsets: latin,
+	$weights: 400,
+	$formats: 'woff2',
+	$directory: '@fontsource/ubuntu/files'
+);
+
+@include Antonio.faces(
+	$subsets: latin,
+	$weights: 400,
+	$formats: 'woff2',
+	$directory: '@fontsource/antonio/files'
+);
 
 @import './satsymbol';
 

src/lib/style/satsymbol.scss

@@ -1,8 +1,6 @@
 @font-face {
 	font-family: 'Satoshi Symbol';
-	src:
+	src: url('/fonts/Satoshi_Symbol.woff2') format('woff2');
-		url('/fonts/Satoshi_Symbol.woff2') format('woff2'),
-		url('/fonts/Satoshi_Symbol.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 	font-display: swap;

src/routes/Rendered.svelte

@@ -72,6 +72,9 @@
 					{#if char.endsWith('bitaxe')}
 						<img src="/bitaxe.webp" class="bitaxelogo" alt="BitAxe logo" />
 					{/if}
+					{#if char.endsWith('miningpool')}
+						<span class="pool-logo">Mining Pool Logo</span>
+					{/if}
 				</div>
 			{:else if char === 'STS'}
 				<div class="digit sats">S</div>
@@ -104,4 +107,8 @@
 	.bitaxelogo {
 		transform: rotate(-90deg);
 	}
+
+	.pool-logo {
+		font-size: 0.75rem;
+	}
 </style>