0

I'm loading two fonts with font-face on my css. The first font works on IE7/8, the second one doesn't. The css code is identical for both fonts. Any idea how to fix that? :(

Here is the html page : http://canapin.com/web/fonts.html

And the css : http://canapin.com/web/fonts.html

@font-face {
    font-family: 'nexa_bold';
    src: url('./fonts/Nexa Bold.eot?');
    src: url('./fonts/Nexa Bold.woff') format('woff'),
         url('./fonts/Nexa Bold.ttf') format('truetype'),
         url('./fonts/Nexa Bold.svg') format('svg');
}
@font-face {
    font-family: 'signika';
    src: url('./fonts/Signika-Regular.eot?');
    src: url('./fonts/Signika-Regular.woff') format('woff'),
         url('./fonts/Signika-Regular.ttf') format('truetype'),
         url('./fonts/Signika-Regular.svg') format('svg');
}

h1 {
    font-family: 'nexa_bold';
}

h1.alt {
    font-family: 'signika';
}
Gaston Flanchard
  • 519
  • 1
  • 5
  • 15

0 Answers0