0

I am having the hardest time getting @font-face to load for this site. Does any one know what is going on?

I tried using the css from font squirrel but that didn't work either so I tried a simpler code hoping that would work, but no luck so far.

OLDER CSS (did not work)

@font-face {
 font-family: 'CartoGothicStdBold';
 src: url('CartoGothicStd-Bold-webfont.eot');
 src: local('☺'), url('CartoGothicStd-Bold-webfont.woff') format('woff'), url('CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V') format('svg');
 font-weight: normal;
 font-style: normal;
}

NEWER CSS (still doesn't work)

@font-face {
font-family: 'CartoGothicStdBold'; 
src: url(css/fonts/CartoGothicStd-Bold.otf) format("opentype");
}


.b-nb {
 float: left;
 width: 100%;
 font-size: 1.25em;
 color: grey;
 font-family:'CartoGothicStdBold', serif;
}

I am testing it here: http://drewlepp.com/testing/laa/LAA%20studio/index.html

Thanks!!!!

Etienne de Martel
  • 34,692
  • 8
  • 91
  • 111
drew
  • 1

2 Answers2

1

Old question, but i'll point you to the correct answer anyway (in case someone else stumbles on this)

The older CSS looks fine to me. But if you're using IE9 and using private font, you'll see an error in IE9's console. So you need to do what this bloke has done here: @font-face works in IE8 but not IE9

Community
  • 1
  • 1
mnsr
  • 12,337
  • 4
  • 53
  • 79
0
@font-face {
    font-family: 'Tangerine';
    src: local('Tangerine'), url('/fonts/Tangerine_Regular.ttf') format('truetype');
}

try this. I am using like that in my own site

Fatih Acet
  • 28,690
  • 9
  • 51
  • 58