diff --git a/frontend/public/assets/woff2/iosevka-waffle-bold.woff2 b/frontend/public/assets/woff2/iosevka-waffle-bold.woff2
index ed560bc..e8be341 100644
Binary files a/frontend/public/assets/woff2/iosevka-waffle-bold.woff2 and b/frontend/public/assets/woff2/iosevka-waffle-bold.woff2 differ
diff --git a/frontend/public/assets/woff2/iosevka-waffle-light.woff2 b/frontend/public/assets/woff2/iosevka-waffle-light.woff2
new file mode 100644
index 0000000..11f5f8d
Binary files /dev/null and b/frontend/public/assets/woff2/iosevka-waffle-light.woff2 differ
diff --git a/frontend/public/assets/woff2/iosevka-waffle-regular.woff2 b/frontend/public/assets/woff2/iosevka-waffle-regular.woff2
index 2d40d55..0fe6fdb 100644
Binary files a/frontend/public/assets/woff2/iosevka-waffle-regular.woff2 and b/frontend/public/assets/woff2/iosevka-waffle-regular.woff2 differ
diff --git a/frontend/public/global.css b/frontend/public/global.css
index 3a4fff6..8584caa 100644
--- a/frontend/public/global.css
+++ b/frontend/public/global.css
@@ -1,4 +1,5 @@
 /* fonts */
+/* FIXME: fonts greatly increase payload size */
 
 @font-face {
 	font-family: "Iosevka Waffle Web";
@@ -10,12 +11,21 @@
 }
 
 @font-face {
-	font-family: 'Iosevka Waffle Web';
+	font-family: "Iosevka Waffle Web";
 	font-display: swap;
 	font-weight: 700;
 	font-stretch: normal;
 	font-style: normal;
-	src: url('assets/woff2/iosevka-waffle-bold.woff2') format('woff2');
+	src: url("assets/woff2/iosevka-waffle-bold.woff2") format("woff2");
+}
+
+@font-face {
+	font-family: "Iosevka Waffle Web";
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('assets/woff2/iosevka-waffle-light.woff2') format("woff2");
 }
 
 /* top-level */
@@ -123,20 +133,20 @@ body {
 	width: 100%;
 	padding-left: var(--space-sm);
 	padding-right: var(--space-sm);
-	padding-top: var(--space-xs);
-	padding-bottom: var(--space-xs);
+	padding-top: var(--space-sm);
+	padding-bottom: var(--space-sm);
 	flex-grow: 0;
 	flex-shrink: 0;
 }
 
-.top-bar.darker {
-	background-color: var(--background-color-0);
-}
-
 .top-bar-heading {
 	margin-left: var(--space-xxs);
 }
 
+.top-bar-heading.accent {
+	font-weight: bold;
+}
+
 /* modal */
 
 .modal-backdrop {
@@ -226,6 +236,7 @@ body {
 	text-transform: uppercase;
 	color: var(--foreground-color-2);
 	user-select: none;
+	font-weight: 300;
 }
 
 .input {
@@ -420,6 +431,7 @@ body {
 	font: inherit;
 	border-radius: var(--radius-md);
 	width: 100%;
+	font-weight: 300;
 }
 
 .sidebar-button .sidebar-button-text {
diff --git a/frontend/src/components/ChannelTopBar.svelte b/frontend/src/components/ChannelTopBar.svelte
index 367dff1..2ff11e6 100644
--- a/frontend/src/components/ChannelTopBar.svelte
+++ b/frontend/src/components/ChannelTopBar.svelte
@@ -30,7 +30,7 @@
         <span class="unread-indicator">{$totalUnreadsStore}</span>
     {/if}
     <span class="material-icons-outlined" class:tag-icon-has-sidebar-button="{ !$showSidebar }" class:has-unreads="{ $totalUnreadsStore > 0 }">tag</span>
-    <span class="h5 top-bar-heading" on:click="{ () => overlayStore.push(OverlayType.EditChannel, {channel}) }">{ channel.name }</span>
+    <span class="text-small top-bar-heading accent" on:click="{ () => overlayStore.push(OverlayType.EditChannel, {channel}) }">{ channel.name }</span>
     <div class="right-buttons">
         <button class="icon-button" on:click="{ () => showPresenceSidebar.set(!showPresenceSidebar.value) }" aria-label="Toggle user list">
             <span class="material-icons-outlined">people</span>
diff --git a/frontend/src/components/UserTopBar.svelte b/frontend/src/components/UserTopBar.svelte
index 54c486d..c060cd7 100644
--- a/frontend/src/components/UserTopBar.svelte
+++ b/frontend/src/components/UserTopBar.svelte
@@ -4,5 +4,5 @@
 
 <div class="top-bar">
     <span class="material-icons-outlined">alternate_email</span>
-    <span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span>
+    <span class="text-small top-bar-heading accent">{ $userInfoStore ? $userInfoStore.username : "" }</span>
 </div>
diff --git a/frontend/webfonts/iosevka/private-build-plans.toml b/frontend/webfonts/iosevka/private-build-plans.toml
index 8db0d8e..081d12b 100644
--- a/frontend/webfonts/iosevka/private-build-plans.toml
+++ b/frontend/webfonts/iosevka/private-build-plans.toml
@@ -11,31 +11,6 @@ snapshotFeature = {"NWID" = 0}
 no-cv-ss = true
 no-ligation = true
 
-[buildPlans.iosevka-waffle.weights.regular]
-shape = 400
-menu = 400
-css = 400
-
-[buildPlans.iosevka-waffle.weights.medium]
-shape = 500
-menu = 500
-css = 500
-
-[buildPlans.iosevka-waffle.weights.semibold]
-shape = 600
-menu = 600
-css = 600
-
-[buildPlans.iosevka-waffle.weights.bold]
-shape = 700
-menu = 700
-css = 700
-
-[buildPlans.iosevka-waffle.weights.extrabold]
-shape = 800
-menu = 800
-css = 800
-
 [buildPlans.iosevka-waffle.slopes.upright]
 angle = 0
 shape = "upright"