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
this is what I have so far
@import url('https://fonts.googleapis.com/css2?family=Montserrat: wght@300;500&display=swap');
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;
}
.primary-font{
font-family: 'Montserrat', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');
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;
}
.secondary-font{
font-family: 'Poppins', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');
h2 .ternary-font{
font-family: 'Roboto', sans-serif;
}
Step by step
Solved in 2 steps