Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problems displaying font using @font-face

    Hello,

    I am having real difficultly displaying fonts correctly on IE 9 using @font-face.

    Here is the CSS code I am using:

    @font-face {
    font-family: 'Ampersand';
    src: url('../fonts/ampersand.eot');
    src: local('?'), url('../fonts/ampersand.woff') format('woff'), url('../fonts/ampersand.ttf') format('truetype'), url('../fonts/ampersand.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'Gothamblack';
    src: url('../fonts/gothamblack.eot');
    src: local('?'), url('../fonts/gothamblack.woff') format('woff'), url('../fonts/gothamblack.ttf') format('truetype'), url('../fonts/gothamblack.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    The Ampersand font seems to work fine, but I cannot get the Gothamblack font to work on at all on IE, despite it working fine on other browsers. I have uploaded both fonts in the different formats to a 'fonts' folder on the server the site is being hosted on and have called the fonts using the 'font-family' tag within my CSS.

    Please help!!!

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,474
    Thanks
    6
    Thanked 980 Times in 953 Posts
    Quote Originally Posted by gardman View Post
    [Ö] I cannot get the Gothamblack font to work on at all on IE, despite it working fine on other browsers.
    Iím pretty sure that you are not allowed to embed Gotham at all with CSSís font-face method. Read Hoefler & Frere-Jonesí EULA, especially points 3.1, 3.2, and 3.3.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •