font tipi değiştirildi

styles/base/_typography.scss

@@ -1,19 +1,20 @@
 h1,
 h2,
 h3,
-h4 {
+h4,
+h5,
+h6 {
+  font-family: "NunitoSansSemiBold";
   color: var(--color-primary);
 }
 
 h1 {
-  font-weight: 500;
   font-size: 3rem;
   text-align: center;
 }
 
 h2 {
   font-size: 2.4rem;
-  font-weight: normal;
 }
 
 p,
@@ -45,7 +46,7 @@ a {
 
 code {
   background-color: black;
-  font-size: 1.8rem;
+  font-size: 1.6rem;
 }
 
 pre {
@@ -54,8 +55,8 @@ pre {
   border-radius: 1rem;
   margin-bottom: 1.5rem;
   margin-top: 1.5rem;
-
   white-space: pre-wrap;
+  word-break: break-word;
 
   code {
     color: var(--color-primary);

styles/components/navbar.scss

@@ -12,7 +12,6 @@
     grid-column: 1;
     font-size: 2.4rem;
     color: var(--color-primary);
-    font-weight: normal;
 
     a {
       &:after {
@@ -61,6 +60,7 @@
   }
 
   @include media("<small") {
+    padding-bottom: 0.8rem;
     width: 100%;
     &_logo {
       font-size: 2rem;

styles/globals.scss

@@ -17,8 +17,4 @@
 @import "./pages/rehber.scss";
 @import "./pages/404.scss";
 
-@font-face {
+@import url(https://fontlibrary.org//face/nunito-sans);
-  font-family: "NunitoSansRegular";
-  src: url("/fonts/NunitoSansRegular.ttf");
-  font-display: swap;
-}

styles/pages/rehber.scss

@@ -36,29 +36,23 @@
 
   h1 {
     font-size: 3.5rem;
-    font-weight: bold;
   }
   h2 {
     font-size: 3rem;
-    font-weight: bold;
   }
 
   h3 {
     font-size: 2.6rem;
-    font-weight: bold;
   }
 
   h4 {
     font-size: 2.4rem;
-    font-weight: bold;
-  }
-
-  p,
-  li {
-    font-size: 2.2rem;
   }
 
   p {
+    font-family: "NunitoSansLight";
+    line-height: 160%;
+    font-size: 2rem;
     margin-bottom: 1.5rem;
   }
 
@@ -90,6 +84,11 @@
   }
   @include media("<small") {
     grid-template-columns: 90%;
+
+    p {
+      font-size: 2.2rem;
+    }
+
     img {
       max-width: 100%;
       min-width: 100%;