Set font to lexend

bun.lock

@@ -5,6 +5,7 @@
     "": {
       "name": "lncvrt-games-launcher-loader",
       "dependencies": {
+        "@fontsource/lexend": "5.2.11",
         "@tailwindcss/vite": "4.1.18",
         "@tauri-apps/api": "2.10.1",
         "@tauri-apps/plugin-dialog": "2.6.0",
@@ -143,6 +144,8 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
 
+    "@fontsource/lexend": ["@fontsource/lexend@5.2.11", "", {}, "sha512-bShbQr2g2sWl7GJNyIxdllZST1faVbebXN6H7AEEDCRms/g4orDLxWnmTVodOtiErdZVUJURq4jpafZ34nIkTw=="],
+
     "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
 
     "@humanfs/node": ["@humanfs/node@0.16.7", "", { "dependencies": { "@humanfs/core": "^0.19.1", "@humanwhocodes/retry": "^0.4.0" } }, "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ=="],

package.json

@@ -11,6 +11,7 @@
     "tauri": "tauri"
   },
   "dependencies": {
+    "@fontsource/lexend": "5.2.11",
     "@tailwindcss/vite": "4.1.18",
     "@tauri-apps/api": "2.10.1",
     "@tauri-apps/plugin-dialog": "2.6.0",

src/App.css

@@ -1,6 +1,7 @@
 @import "tailwindcss";
 
 body {
+  font-family: 'Lexend', sans-serif;
   @apply bg-[rgb(24,24,24)] text-white select-none;
 }
 

src/App.tsx

@@ -13,9 +13,11 @@ import {
   readTextFile,
   writeTextFile
 } from '@tauri-apps/plugin-fs'
-import './App.css'
 import { message } from '@tauri-apps/plugin-dialog'
 
+import '@fontsource/lexend'
+import './App.css'
+
 interface LauncherUpdate {
   id: string
   releaseDate: number
@@ -110,14 +112,20 @@ export default function App () {
       }
 
       setState('Starting...')
-      invoke('load')
+      // invoke('load')
     })()
   }, [])
 
   return (
     <>
       <div className='absolute left-1/2 top-[20%] -translate-x-1/2 flex flex-col items-center'>
-        <img src='/Icon.png' width={128} height={128} alt='' draggable={false} />
+        <img
+          src='/Icon.png'
+          width={128}
+          height={128}
+          alt=''
+          draggable={false}
+        />
         <div
           className={`${
             state == 'Loader update required' || error != '' ? 'mt-4' : 'mt-10'
@@ -136,7 +144,9 @@ export default function App () {
           <button
             hidden={error == ''}
             className='mt-4'
-            onClick={async () => await message(error, { title: 'Error', kind: 'error' })}
+            onClick={async () =>
+              await message(error, { title: 'Error', kind: 'error' })
+            }
           >
             Show error
           </button>

src/main.tsx

@@ -5,5 +5,5 @@ import App from './App.tsx'
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
-  </StrictMode>,
+  </StrictMode>
 )