change the font family (roboto) apply on overallwebsite

YadavAkhileshh · Oct 28, 2024 · 7c39998 · 7c39998
1 parent 6464be9
commit 7c39998
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/Alien.css b/Alien.css
@@ -17,15 +17,15 @@
   --border-dark: #2d2d3a;
 
   /* Common Variables */
-  --game-font: 'Press Start 2P', system-ui, -apple-system, sans-serif;
+  --game-font: 'Roboto', sans-serif; /* Updated to 'Roboto' */
   --transition-speed: 0.3s;
 }
 
 /* Base Styles */
 body {
   margin: 0;
   padding: 0;
-  font-family: var(--game-font);
+  font-family: var(--game-font); /* This line uses the updated font */
   min-height: 100vh;
   transition: background-color var(--transition-speed), color var(--transition-speed);
 }
@@ -45,10 +45,12 @@ body.dark-theme {
     linear-gradient(to bottom, #0a0b1a 0%, #1a1b3a 100%);
 }
 
+/* Other styles remain unchanged */
+
+
 /* Game Container */
 #gameContainer {
   position: relative;
-  width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   padding: 20px;

diff --git a/index.html b/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="author" content="Akhilesh Yadav">
     <link rel="icon" href="favicon.png" type="image/x-icon">
     <title>Alien Invasion Defense</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+
     <link rel="stylesheet" href="Alien.css">
     <audio id="backgroundMusic" src="background-music.wav" loop></audio>
     <audio id="hitSound" src="hit-sound.wav"></audio>