@font-face - why isn't the font being displayed?

StackOverflow https://stackoverflow.com/questions/22253964

  •  11-06-2023
  •  | 
  •  

Frage

Hi I've used css3s technique of @font-face to import the fonts to the site. I've implemented the technique before on multiple sites so I'm not sure what is going on.

I even tried googles API to drive it. So, maybe it's a flaw in the code which I need a fresh pair of eyes to point on for me.

CSS

@font-face {
    font-family: "avant_gardebookregular";
    src: url("template/fonts/avantgardebook/avantgardebook-webfont.ttf") format('truetype'    );
    /*    src: url('/template2/fonts/avantgardebook/avantgardebook-webfont.eot?#iefix') format    ('embedded-opentype'),
         url('/template2/fonts/avantgardebook/avantgardebook-webfont.woff') format('woff')    ,
         url('/template2/fonts/avantgardebook/avantgardebook-webfont.eot') format (    'embedded-opentype'),
     url('/template2/fonts/avantgardebook/avantgardebook-webfont.    svg#avant_gardebookregular') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

p, a { font-family: "avant_gardebookregular" }

to see the website go to http://www.megareel.co.uk/services/ I.E (as expected doesn't work) but reliable ol' firefox is playing like IE. Google Chrome is how it should be!

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top