fix: self-host Inter font, document unfixed WebKitGTK bold-text bug

CLAUDE.md

@@ -100,6 +100,8 @@ Any "fill the parent" layout relationship in this codebase uses `position: absol
 
 A Svelte 5 `$effect` that both reactively reads a store (via `$store` auto-subscription) *and* calls a method on that same store that causes it to re-emit will infinite-loop. Where this is needed (e.g. `@tanstack/svelte-virtual`'s `setOptions`), read the store value with `get(store)` from `svelte/store` (a one-time, non-reactive read) instead of `$store`.
 
+**Known, unfixed issue:** once a virtualized list's scroll container (`TrackTable`'s `.track-scroll`, `AlbumGrid`'s `.grid-scroll`) actually overflows and becomes scrollable, WebKitGTK promotes it to a GPU-composited layer, and text inside renders noticeably heavier/bolder there than identical text outside a composited layer — confirmed by setting `WEBKIT_DISABLE_COMPOSITING_MODE=1`, which fixes the weight but costs enough performance elsewhere (opacity transitions, general responsiveness) to not be worth it. Investigated and ruled out: `will-change` layer pre-promotion on rows (helps a *transient* hover-flash version of this bug, used in `AlbumGrid`'s `.hide-toggle`, but not this persistent one), swapping virtualizer row positioning from `transform: translateY()` to `top` (the parent's composited-scroll state turned out to be the trigger, not the children's transforms), and compensating with a lighter `font-weight` while overflowing (technically works but reads as visibly wrong — an abrupt weight jump right at the overflow boundary, not a subtle fix). No finer-grained WebKit setting is exposed at the currently-pinned `tauri` 2.11.3 / `wry` 0.55.1 versions to disable composited scrolling specifically while leaving other GPU compositing on. Not chasing a hand-rolled non-native-scroll replacement for this — the accessibility/robustness cost isn't worth it for a cosmetic bug. Revisit if a future wry/webkit2gtk version exposes more granular control.
+
 ### Icons
 
 `@lucide/svelte` (the actively maintained package — not the deprecated `lucide-svelte`).

package.json

@@ -14,6 +14,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@fontsource/inter": "^5.2.8",
     "@lucide/svelte": "^1.21.0",
     "@tanstack/svelte-virtual": "^3.13.29",
     "@tauri-apps/api": "^2",

src/routes/+layout.svelte

@@ -1,4 +1,9 @@
 <script lang="ts">
+  import "@fontsource/inter/300.css";
+  import "@fontsource/inter/400.css";
+  import "@fontsource/inter/500.css";
+  import "@fontsource/inter/600.css";
+  import "@fontsource/inter/700.css";
   import "$lib/styles/theme.css";
   import { confirm } from "@tauri-apps/plugin-dialog";
   import { HardDrive, Settings } from "@lucide/svelte";