diff --git a/src/app.css b/src/app.css
index 77c09413..720596bb 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 b59cec3b..4e2768b9 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 00000000..016068b4
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 00000000..0d0f69ea
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 00000000..dfa72ce8
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 00000000..12f2b6c7
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 00000000..bb2e8875
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 00000000..94748cae
Binary files /dev/null and b/static/fonts/Satoshi Symbol.ttf differ
diff --git a/tailwind.config.js b/tailwind.config.js
index 00afe2c4..47298713 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",