diff --git a/src/app.css b/src/app.css
index 77c094132..720596bb3 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2,6 +2,46 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+  font-family: "Satoshis";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local(""),
+    url("/fonts/Satoshi Symbol.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local(""),
+    url("/fonts/Lato-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Lato";
+  font-style: bold;
+  font-weight: 600;
+  src:
+    local(""),
+    url("/fonts/Lato-Bold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Lato";
+  font-style: italic;
+  font-weight: 400;
+  src:
+    local(""),
+    url("/fonts/Italic.ttf") format("truetype");
+}
+
+:root {
+  font-family: Lato;
+}
+
 .button {
   padding: 12px 16px;
   display: flex;
diff --git a/src/app/components/SecondaryNav.svelte b/src/app/components/SecondaryNav.svelte
index b59cec3b0..4e2768b91 100644
--- a/src/app/components/SecondaryNav.svelte
+++ b/src/app/components/SecondaryNav.svelte
@@ -7,8 +7,8 @@
   <SecondaryNavItem href="/">
     <Icon icon="home-smile" /> Home
   </SecondaryNavItem>
-  <SecondaryNavItem href="/friends">
-    <Icon icon="user-heart" /> Friends
+  <SecondaryNavItem href="/people">
+    <Icon icon="user-heart" /> People
   </SecondaryNavItem>
   <SecondaryNavItem href="/notes">
     <Icon icon="clipboard-text" /> Saved Notes
diff --git a/src/routes/friends/+page.svelte b/src/routes/people/+page.svelte
similarity index 100%
rename from src/routes/friends/+page.svelte
rename to src/routes/people/+page.svelte
diff --git a/static/fonts/Lato-Bold.ttf b/static/fonts/Lato-Bold.ttf
new file mode 100644
index 000000000..016068b48
Binary files /dev/null and b/static/fonts/Lato-Bold.ttf differ
diff --git a/static/fonts/Lato-Italic.ttf b/static/fonts/Lato-Italic.ttf
new file mode 100644
index 000000000..0d0f69ea0
Binary files /dev/null and b/static/fonts/Lato-Italic.ttf differ
diff --git a/static/fonts/Lato-Light.ttf b/static/fonts/Lato-Light.ttf
new file mode 100644
index 000000000..dfa72ce80
Binary files /dev/null and b/static/fonts/Lato-Light.ttf differ
diff --git a/static/fonts/Lato-LightItalic.ttf b/static/fonts/Lato-LightItalic.ttf
new file mode 100644
index 000000000..12f2b6c7d
Binary files /dev/null and b/static/fonts/Lato-LightItalic.ttf differ
diff --git a/static/fonts/Lato-Regular.ttf b/static/fonts/Lato-Regular.ttf
new file mode 100644
index 000000000..bb2e8875a
Binary files /dev/null and b/static/fonts/Lato-Regular.ttf differ
diff --git a/static/fonts/Satoshi Symbol.ttf b/static/fonts/Satoshi Symbol.ttf
new file mode 100644
index 000000000..94748cae0
Binary files /dev/null and b/static/fonts/Satoshi Symbol.ttf differ
diff --git a/tailwind.config.js b/tailwind.config.js
index 00afe2c4c..472987137 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,9 @@ export default {
       "nav-item": 2,
     },
   },
-  plugins: [require("daisyui")],
+  plugins: [
+    require("daisyui"),
+  ],
   daisyui: {
     themes: [
       "light",