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

Result summary page

Rawi2115 70

@Rawi2115

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


For some reasons the @fontface i set doesn't work on the live page

Community feedback

@freaky4wrld

Posted

Hey there, I faced the same issue and it took me long to realize that this has something to do with the browser compatibility and the server requests, in your case you can do two things:-

  • try to give relative path, you have specified the absolute path, use => './assets/fonts/HankenGrotesk-VariableFont_wght.ttf'

  • or you can create 3 separate font-faces for bold, med, regular and give relative path

The easiest way is to use google fonts (I used this method), with sepecified font-weights

Hope it helps......

Marked as helpful

1

Rawi2115 70

@Rawi2115

Posted

@freaky4wrld thanks for the advice and honestly using fonts other than the ones css provide is such a pain

0

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