@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
@Rawi2115
Posted
@freaky4wrld thanks for the advice and honestly using fonts other than the ones css provide is such a pain