Your Own Font

Minimage · Minimage · commit 4b3a39aa2d94 · 2022-03-06T01:38:30.000Z
diff --git a/.learn/resets/10-Your-Own-Font/index.html b/.learn/resets/10-Your-Own-Font/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <!--your code here -->
+
+    <link rel="stylesheet" type="text/css" href="./styles.css" />
+
+    <title>10 Your Own Font</title>
+  </head>
+  <body>
+    <h1 class="myTitle">My unique font</h1>
+  </body>
+</html>
diff --git a/exercises/10-Your-Own-Font/index.html b/exercises/10-Your-Own-Font/index.html
@@ -1,15 +1,18 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width" />
-    <!--your code here -->
+	<head>
+		<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=Lobster&display=swap" rel="stylesheet" />
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<!--your code here -->
 
-    <link rel="stylesheet" type="text/css" href="./styles.css" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <title>10 Your Own Font</title>
-  </head>
-  <body>
-    <h1 class="myTitle">My unique font</h1>
-  </body>
+		<title>10 Your Own Font</title>
+	</head>
+	<body>
+		<h1 class="myTitle">My unique font</h1>
+	</body>
 </html>
diff --git a/exercises/10-Your-Own-Font/styles.css b/exercises/10-Your-Own-Font/styles.css
@@ -1,3 +1,4 @@
 .myTitle {
 	/*your code here*/
+	font-family: Lobster;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
`1`	`1`	`.myTitle {`
`2`	`2`	`/your code here/`
	`3`	`+ font-family: Lobster;`
`3`	`4`	`}`