diff --git a/islands/Header.tsx b/islands/Header.tsx
index 43ff929..39ef875 100644
--- a/islands/Header.tsx
+++ b/islands/Header.tsx
@@ -3,7 +3,7 @@ import { useState } from "preact/hooks";
 
 type Props = {
   active: string;
-  nav: { name: string; href: string }[];
+  nav: { name: string; href: string; target?: string }[];
 };
 
 export default function Header({ active, nav }: Props) {
@@ -32,6 +32,7 @@ export default function Header({ active, nav }: Props) {
             <li class="text-right pb-1 border-b-1 border-slate-100 hover:border-slate-200 rounded flex-none">
               <a
                 href={item.href}
+                target={item.target ?? ""}
                 class={
                   "text-gray-500 hover:text-gray-700 py-1 border-gray-500" +
                   (item.href === active ? " font-bold border-b-2" : "")
@@ -48,6 +49,7 @@ export default function Header({ active, nav }: Props) {
           <li>
             <a
               href={item.href}
+              target={item.target ?? ""}
               class={
                 "text-gray-500 hover:text-gray-700 hover:border-gray-600 hover:border-b-1 py-1 border-gray-500" +
                 (item.href === active ? " border-b-1" : "")
diff --git a/routes/_app.tsx b/routes/_app.tsx
index d4e5549..ae5d843 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -5,8 +5,8 @@ import Footer from "../islands/Footer.tsx";
 const nav = [
   { name: "About", href: "/about" },
   { name: "Conduct", href: "/conduct" },
-  { name: "Events", href: "https://meetup.com/devict" },
-  { name: "Jobs", href: "https://jobs.devict.org" },
+  { name: "Events", href: "https://meetup.com/devict", target: "_blank" },
+  { name: "Jobs", href: "https://jobs.devict.org", target: "_blank" },
   { name: "Projects", href: "/projects" },
   { name: "Support", href: "https://devict.org/support" },
 ];
@@ -37,10 +37,19 @@ export default function App({ Component, route }: PageProps) {
         <link rel="manifest" href="/manifest.json" />
         {/* <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#eb7e32" /> */}
         <link rel="shortcut icon" href="/favicon.ico" />
+        <style>{`
+          @font-face {
+            font-family: "Source Code Pro";
+            font-style: normal;
+            font-weight: 400;
+            font-display: swap;
+            src: url("/fonts/SourceCodePro-Regular.ttf") format("ttf");
+          }
+        `}</style>
 
         <title>Contribute &middot; devICT</title>
       </head>
-      <body class="bg-[url('/cream_pixels.png')] bg-repeat">
+      <body class="bg-[url('/cream_pixels.png')] bg-repeat font-sans">
         <Header active={route} nav={nav} />
         <div class="pb-8 mx-auto">
           <div class="max-w-screen-xl mx-auto flex flex-col">