Forums

@font-face not working with BlueHost

Permalink
I just made the switch to BlueHost from GoDaddy and everything is going splendid with the exception of my font-faces not working. Here's what I have...
@font-face {
    font-family: 'nerissemibold';
    src: url('..fonts/Neris/Neris-SemiBold-webfont.eot');
    src: url('..fonts/Neris/Neris-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('..fonts/Neris/Neris-SemiBold-webfont.woff') format('woff'),
         url('..fonts/Neris/Neris-SemiBold-webfont.ttf') format('truetype'),
         url('..fonts/Neris/Neris-SemiBold-webfont.svg#nerissemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
     font-family: 'nerissemibold';
}


Has anyone else had this issue? Any help will be greatly appreciated, thanks!
Kurtopsy
 
mesuva replied on at Permalink Best Answer Reply
mesuva
I think this is just your path being incorrect.

Using '..fonts/' isn't correct, it should be something like '../fonts', or if this is your main stylesheet and you have a fonts folder next to it, you'd probably just want it with the word fonts, without the .. .

In other words, you don't put the dots directly in front of a folder name, you have to put a slash after it.
Kurtopsy replied on at Permalink Reply
Kurtopsy
Thank you so much mesuva! I can't believe I didn't catch that. It totally fixed it! Thanks again