Question

I’ve got a crush on a certain font named “Kimberly” and I’m trying to use it on a heading / motto of a website.
Applying the @font-face css rule worked for all browsers except IE7 where the heading isn’t displayed at all, not even with a fallback font.

And what’s most annyoing is that other page [ an example page downloaded from fontsquirrel.com after the conversion of the .ttf font into .eot ] works perfectly on all browsers versions.

Have anyone been through something similar?

Please, take a look.

Thanks

Answer 1

Try adding zoom: 1 to the elements that are using your custom font. So for example:

#motto {
    position: relative;
    top: 20px;
    color: #000;
    font-family: "kimberleyregular", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    zoom: 1;
}