Problems with font etc in IE

HTML & CSS
1

Hi,

I’m still having some problems on my website www.cotswoldbells.co.uk

It displays ok in firefox. But when I view it in IE8 I have the following problems:

  1. The page buttons aren’t centred
  2. The EOT font wont display even though its uploaded to the server?
  3. The footer appears larger?
  4. Wont render shadow boxes, rotation or curved corners.

In ie7:

.The sidebar polaroid images are stretched
.The full page doesn’t display with borders all the way around?

Any help ??

2

Hi,

Can anyone help,

My custom font squirell font for H1 H2 and H3 wont work in IE even though ive uploaded the .EOT file? It all works fine in other browsers

Any ideas?

Thanks

3

You aren’t using the exact CSS provided by FontSquirrel. Is there any reason for that? Give their CSS code a try and see if that helps:

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

Cheers man, worked a treat!! :slight_smile:

Do you know what’s happening with the footer in IE as well? It seems to go a bit funny?

5

Looks fine to me in IE8. :-/