Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialMohamed Ahmed
7,449 PointsMy font-face won't read on Firefox?
my font-face won't read correctly on Firefox , but it is work good on Google Chrome . What's the problem?
@font-face {
font-family: 'HandelGothic';
src: url('../fonts/handelgothic.eot'); /* IE9 Compat Modes */
src: url('../fonts/handelgothic.ttf') format('truetype'), /* Super Modern Browsers */
url('../fonts/HandelGothic.woff') format('woff'),
url('../fonts/handelgothic.woff2') format('woff2'),
url('../fonts/HandelGothic.svg#svgFontName') format('svg');
}
Max S.
4,840 Pointsalso please share the screenshot of fonts folder. because I think where you added .woff format that font is different from others H and G both are capital and in other fonts these are small. Can you please also give it a try using url('../fonts/handelgothic.woff') format('woff'), instead of your writing?
Thanks!
2 Answers
Mohamed Ahmed
7,449 PointsYes all the font formats inside the folder and the path is right , if wouldn't will not working on Google Chrome
Max S.
4,840 PointsIs it possible for you to share the link I need to check it?
Mohamed Ahmed
7,449 PointsDaat Creations , I discovered the problem that the folder path was incorrect and some fonts was missing I fixed it and worked good, thank you very much
Max S.
4,840 Pointsawesome !!
Max S.
4,840 PointsMax S.
4,840 Pointsso you have all the font formats inside your folder those you mentioned in CSS?