CSS-шрифт не работает в Firefox

Question

@font-face { 
    font-family: 'exoregular'; 
    src: url('exo-regular-webfont.eot'); 
    src: url('exo-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('exo-regular-webfont.woff2') format('woff2'), 
     url('exo-regular-webfont.woff') format('woff'), 
     url('exo-regular-webfont.ttf') format('truetype'), 
     url('exo-regular-webfont.svg#exoregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

Я добавил шрифт на свой сайт, однако он не отображается в firefox, знает ли кто-нибудь, почему это так?

Мой CSS выше, а мои шрифты находятся в моей папке стилей CSS.

Любая помощь будет оценена!

Answer 1

Вы можете попробовать использовать Browser Specific css, используя этот код для Firefox, http://browserhacks.com/ - хороший источник для браузеров определенных CSS-хаков, или вы можете просто выполнить поиск Google для CSS-браузера.

@-moz-document url-prefix() { 
      @font-face { 
    font-family: 'exoregular'; 
    src: url('exo-regular-webfont.eot'); 
    src: url('exo-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('exo-regular-webfont.woff2') format('woff2'), 
     url('exo-regular-webfont.woff') format('woff'), 
     url('exo-regular-webfont.ttf') format('truetype'), 
     url('exo-regular-webfont.svg#exoregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 
} 

Надеюсь, это поможет!