www.indep.endent.club.co.uk --- remove extra dots

 

I have applied my css of:

 

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

}

 

and if you check all the headings in my fotter the font is not applying! when it says it should be 'lobster13regular' ahhh where have I gone wrong?

Edited May 13, 201115 yr by kingy da killa

Do the src's point to the files on your server?

Might be a stupid question but you have uploaded them to the right directory?

i havent uploaded jack...

 

one second this could be why!!! lol

Use the font generator at FontSquirrel, it'll convert the fonts for you. Then upload them but make sure your css points to the right place.

ive got it working just not with ie :S

 

why???????

IE < 9 = no go maaaan!

IE < 9 = no go maaaan!

 

ahh testicals! ill google a fix if there is 1

Edited May 13, 201115 yr by kingy da killa

what bit doesn't work in IE? I see <h1>'s as Lobster.

what bit doesn't work in IE? I see <h1>'s as Lobster.

Browse by Category

Featured Deals

Subcribe to newletter

 

and the actuall city..

 

still not working :/

 

h1,h3, h4 {     font-family: 'Lobster13Regular' !important;}
h5 { font-family: 'Lobster13Regular'!important; }
h2 { font-family: 'Lobster13Regular' !important; }

Edited May 13, 201115 yr by kingy da killa

yeah just noticed that. When I look in Chrome they are all <h1> but different sizes. Have you coded all the <h1>'s ?

 

wait i no why i think

 

Because it doesn't work on IE less than 9? Like i said... :/

Because it doesn't work on IE less than 9? Like i said... :/

 

Im using IE8 and I can see some of it working :S

me too and in IE7 (although the layout is challenged )

yeah just noticed that. When I look in Chrome they are all <h1> but different sizes. Have you coded all the <h1>'s ?

 

You just jogged my memory, i just went thru my css file and searched for 'lobster' and removed all the google font lobster code inreplacement for the font face one everythings working now!

me too and in IE7 (although the layout is challenged )

 

Would you care to send a screeny?!?!

you've got IE8? Just press F12 and then change Browser Mode to IE7

Im using IE8 and I can see some of it working :S

me too and in IE7 (although the layout is challenged )

 

WTF! I was so damn sure @font-face didn't work in IE except 9!

I've even told my clients that!

 

My apologies!

you've got IE8? Just press F12 and then change Browser Mode to IE7

 

O shoot ie7 is not looking good

 

cheers for that

WTF! I was so damn sure @font-face didn't work in IE except 9!

I've even told my clients that!

 

My apologies!

 

hahaa o dear!

I've read somewhere that it works as far back as ie4. The key is the .eot format IIRC.

it didn't use to work with Firefox?

Yeah i've always included .eot... i must have been having one hell of a long brain fart...