Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

desktop version without fonts

Antoine 10

@ChampyAntoine

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


how include fonts ? @font-face doesn't work

Community feedback

P

@MarkoNikolajevic

Posted

Hi Antoine,

your solution look good. Nice job on finishing it!

To include fonts you can use the link tag in your html file

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Lexend+Deca&display=swap" rel="stylesheet">
// here you import both fonts needed for this project

and the set the font-family in your css file

font-family: 'Inter', sans-serif;
font-family: 'Lexend Deca', sans-serif;

you have to set specific font where it is needed for example

h1 {
  font-family: 'Inter', sans-serif;
}

Keep on coding and have fun :)

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord