diff --git a/pages/index.js b/pages/index.js
index 0952345..5fdfe4f 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -12,6 +12,12 @@ export default function App({ rehberler }) {
           content="Teknoloji rehberleri. Reklam ve izleyici yok!"
         />
         <link rel="icon" href="/favicon.ico" />
+        <link
+          rel="preload"
+          href="/fonts/NunitoSansRegular.ttf"
+          as="font"
+          crossOrigin=""
+        />
       </Head>
       <Home rehberler={rehberler} />
     </div>
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 25c25a8..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..bdc5b1d
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/fonts/NunitoSansRegular.ttf b/public/fonts/NunitoSansRegular.ttf
new file mode 100644
index 0000000..9abe932
Binary files /dev/null and b/public/fonts/NunitoSansRegular.ttf differ
diff --git a/styles/globals.scss b/styles/globals.scss
index 375043c..e611da7 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -17,4 +17,8 @@
 @import "./pages/rehber.scss";
 @import "./pages/404.scss";
 
-@import url("https://fontlibrary.org//face/nunito-sans");
+@font-face {
+  font-family: "NunitoSansRegular";
+  src: url("/fonts/NunitoSansRegular.ttf");
+  font-display: swap;
+}