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 trial

CSS

Mohamed Ahmed
Mohamed Ahmed
7,449 Points

My 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');

}

so you have all the font formats inside your folder those you mentioned in CSS?

also 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
Mohamed Ahmed
7,449 Points

Yes all the font formats inside the folder and the path is right , if wouldn't will not working on Google Chrome

Is it possible for you to share the link I need to check it?

Mohamed Ahmed
Mohamed Ahmed
7,449 Points

Daat 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

awesome !!