Design comparison
Solution retrospective
For some reasons the @fontface i set doesn't work on the live page
Community feedback
- @freaky4wrldPosted about 1 year ago
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 helpful1@Rawi2115Posted about 1 year ago@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 GitHubJoin 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