changes in font style

ValenMorales · Mar 3, 2024 · e631f25 · e631f25
1 parent 83b86e3
commit e631f25
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 9 deletions.
diff --git a/css/projects.css b/css/projects.css
@@ -4,6 +4,14 @@
   box-sizing: border-box;
 }
 
+.project-details h1{
+  font-size: 3rem;
+}
+
+body{
+  font-family:  "Space Grotesk";
+}
+
 main::before {
   content: "";
   position: fixed;
@@ -86,12 +94,14 @@ main::before {
 }
 
  h1 {
-  font-size: 3rem;
+  font-size: 2rem;
   color: rgb(255, 245, 193);
   margin-bottom: 2rem;
   text-align: center;
 }
 
+
+
 .project-content h2 {
   font-size: 2rem;
   color: rgb(255, 245, 193);
@@ -134,6 +144,7 @@ main::before {
   height: 100%;
   display: flex;
   overflow-x: scroll;
+  margin: auto;
 }
 
 .gallery div {
@@ -188,11 +199,7 @@ main::before {
   justify-content: center;
   align-items: center;
 }
-.project-details h2 {
-  color: rgb(255, 245, 193);
-  font-size: 2rem;
-  margin-bottom: 2rem;
-}
+
 .project-details p {
   color: white;
   font-size: 1.2rem;

diff --git a/html/projects.html b/html/projects.html
@@ -4,6 +4,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Projects</title>
     <link rel="stylesheet" href="../css/projects.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playpen+Sans:[email protected]&family=Shantell+Sans:ital,wght@0,300..800;1,300..800&family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet">
+
   </head>
   <body>
 

diff --git a/index.css b/index.css
@@ -91,7 +91,9 @@ select {
 }
 
 body {
-  font-family: var(--tipo-principal);
+  font-family: "Space Grotesk";
+  font-optical-sizing: auto;
+  font-style: normal;
   font-size: 100%;
   min-height: 100vh;
 
@@ -266,6 +268,13 @@ main {
   font-size: 1.2em;
   font-weight: 800;
 }
+.article h3{
+  font-size: 1.7em;
+  font-weight: 800;
+  margin: 1em 0;
+
+}
+
 
 article ul {
   display: flex;

diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <title>my Portfolio</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-
+    <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playpen+Sans:[email protected]&family=Shantell+Sans:ital,wght@0,300..800;1,300..800&family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet">
     <link
       href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap"
       rel="stylesheet"
@@ -325,7 +325,7 @@ <h4>Company</h4>
               </li>
               <li>
                 <h4>Duration</h4>
-                <p>1 año laborado (September 2022 – August 2023)</p>
+                <p>1 year worked (September 2022 – August 2023)</p>
               </li>
               <li>
                 <h4>Functions</h4>