Search code examples
cssfont-face

CSS Helvetica Neue not working

I am trying to use Helvetica Neue as the font for my website everywhere so I applied to the body like so

body {
    background-image: url("http://inauguralseason.com/wp-content/themes/twentyeleven/images/background.jpg");
    font-family: "Helvetica Neue" !important;
}

but my font does not appear, it was working at one point but now its not working in Firefox, Chrome, Safari or IE

you can see what I am talking about here

http://inauguralseason.com/

any help would be appreciated,

Thanks, J

Solution

  • You need to upload the font to your web-site and declare the font-face

    @font-face
{
font-family: 'Helvetica Neue';
src: url('HelveticaNeue.ttf'),
     url('HelveticaNeue.eot'); /* IE9 */
}

    and only then you can use it on your web-pages.