font bug solved

adarshnjena · Dec 4, 2022 · 89bf086 · 89bf086 · vercel · Dec 4, 2022
1 parent 2788466
commit 89bf086
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/franklin-gothic-medium.ttf b/franklin-gothic-medium.ttf
diff --git a/index.html b/index.html
@@ -14,11 +14,6 @@
     />
     <meta name="author" content="Adarsh Jena" />
     <title>Adarsh</title>
-    <link
-      href="https://allfont.net/allfont.css?fonts=franklin-gothic-medium"
-      rel="stylesheet"
-      type="text/css"
-    />
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="3D BOX.css" />
     <link rel="icon" href="./images/logo.webp" type="image/x-icon" />

diff --git a/style.css b/style.css
@@ -1,6 +1,9 @@
 /*  import google fonts */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap');
-@import url('https://allfont.net/allfont.css?fonts=franklin-gothic-medium');
+@font-face {
+    font-family: 'Franklin Gothic Medium';
+    src: url(/franklin-gothic-medium.ttf) format('truetype');
+}
 
 *{
     margin: 0;
@@ -292,7 +295,7 @@ section .title::after{
     content: "01";
     font-size: 30vh;
     color: #fff;
-    font-family: 'Franklin Gothic Medium', arial;
+    font-family:'Franklin Gothic Medium';
     position: absolute;
     transform: rotate(45deg);
     top: 50vh;