diff --git a/index.html b/index.html
index 0b00276..2f0d51a 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,10 @@
       rel="stylesheet"
     />
 
+    <link
+      href="https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap"
+      rel="stylesheet"
+    />
     <title>Mariia Shabelnik</title>
   </head>
   <body>
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 31db2e5..dc41439 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -73,7 +73,7 @@ function Header() {
       <header className={headerClasses.join(" ")}>
         <div className="container mx-auto h-full">
           <nav className="flex items-center h-full px-2">
-            <div className="flex-none text-3xl md:text-4xl font-black font-headline ">
+            <div className="flex-none text-3xl md:text-4xl font-black font-logo ">
               <Link className={logoClasses.join(" ")} to="/#start">
                 MW
               </Link>
diff --git a/tailwind.config.js b/tailwind.config.js
index 5ff0a9f..b2e29ba 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,8 +4,9 @@ export default {
   theme: {
     fontFamily: {
       sans: ["Ubuntu Mono", "system-ui"],
-      headline: ["Tektur", "system-ui"],
+      logo: ["Dela Gothic One", "system-ui"],
       tags: ["Ubuntu Mono", "system-ui"],
+      headline: ["Tektur", "system-ui"],
     },
     fontSize: {
       title: ["5rem", { lineHeight: "5rem", fontWeight: "900" }],
