chore: add fonts

mistermeow/app/src/meowapp/src/App.tsx

@@ -2,7 +2,7 @@ function App() {
   return (
     <>
       <div id="theme" className="rose black dark">
-        <div className="bg-home flex text-logo flex-col items-center justify-center min-h-screen bg-gray-100">
+        <div className="bg-home font-bilya font-inter flex text-logo flex-col items-center justify-center min-h-screen">
           Hello World
         </div>
       </div>

mistermeow/app/src/meowapp/src/index.css

@@ -2,6 +2,18 @@
 @tailwind components;
 @tailwind utilities;
 
+@import url("https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap");
+
+@font-face {
+  font-family: "Bilya Layered";
+  src: local("Bilya Layered BASE"), local("Bilya-Layered-BASE"),
+    url("./assets/BILYALAYEREDBASE.woff2") format("woff2"),
+    url("./assets/BILYALAYEREDBASE.woff") format("woff"),
+    url("./assets/BILYALAYEREDBASE.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
 @layer base {
   :root {
     --home-bg: #ffffff;

mistermeow/app/src/meowapp/tailwind.config.js

@@ -26,6 +26,11 @@ const backgroundColor = {
   "sr-tag": generateColorClass("tag-secondary"),
 };
 
+const fontFamily = {
+  bilya: ["Bilya Layered", "sans-serif"],
+  inter: ["Inter", "sans-serif"],
+};
+
 module.exports = {
   darkMode: ["class"],
   content: [
@@ -39,6 +44,7 @@ module.exports = {
     extend: {
       textColor,
       backgroundColor,
+      fontFamily,
     },
   },
   plugins: [require("tailwindcss-animate")],