1. Go to Google Fonts. 2. Search for three interesting fonts 3. To select a font family, click on the font preview and press the "select this style" button 4. When you've chosen the font families, press the View your selected families button in the top right corner of the page. 5. Use the import rule (without the
what I have so far
<!DOCTYPE html>
<html lang="en">
<style>
body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #556271;
color: white;
}
h1{
color: #fe6a67;
text-align: center;
font-weight: normal;
text-transform: uppercase;
border-top: 1px dotted #d4dccd;
margin-top: 30px;
}
h2{
font-size: 1em;
text-align: center;
}
body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1{
width: 2px;
border-top: 1px dotted;
border-top-color: #506D84;
}
h2{
text-align: center;
}
</style>
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.first>h2, .second>h2, .third>h2 {
margin-top: 10px;
margin-bottom: 10px;
}
.image {
width: 200px;
}
</style>
</head>
<body>
<div class="first">
<h2>Cursus Eget</h2>
<p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam
maecenas sed enim ut sem viverra aliquet eget sit.</p>
</div>
<div class="second">
<h2>Diam</h2>
<p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet lectus proin nibh nisl condimentum id
venenatis. A condimentum vitae sapien pellentesque habitant.</p>
</div>
<div class="third">
<h2>Aliquam Sem Fringilla</h2>
<p>Pellentesque, NecEst velit egestas dui id ornareEst ultricies integer quis auctor elit</p>
</div>
<img src="21.png" alt="picture" class="image">
</body>
</html>
.**
2. **Search for three interesting fonts.**
3. To select a font family, click on the font preview and press the "select this style" button.
4. When you've chosen the font families, press the "View your selected families" button in the top right corner of the page.
5. Use the import rule (without the `<style>` tags) in your stylesheet to import the font.
6. Refer to the CSS declarations example in the "selected families" menu to learn how to use your selected fonts.
#### Add the following style rules to your style sheet:
```css
.primary-font {
}
.secondary-font {
}
```
#### Instructions
Complete the style rules above by providing your Google Fonts as values to the font-family property. Be sure to include a web-safe font as a fallback if the browser fails to load the Google Font.
- Apply the `primary-font` class to the Level One Section Heading.
- Then apply the `secondary-font` class to the Level Two Section Heading.
Finally, create a style rule that applies the third Google Font to any paragraph element that immediately follows an element with the `secondary-font` class.](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2F57f69995-dc95-40bd-8854-a5d7226ce2b5%2Fcbf091e5-891a-41f1-b1c2-ada078fc70eb%2Ff3t42wh_processed.png&w=3840&q=75)
<html> : Every HTML соde must be enсlоsed between bаsiс HTML tаgs. It begins with <html> аnd ends with </html> tаg. <heаd>: The heаd tаg соmes next whiсh соntаins аll the heаder infоrmаtiоn оf the web раge оr dосuments like the title оf the раge аnd оther misсellаneоus infоrmаtiоn.
Step by step
Solved in 2 steps with 1 images
