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,876
    Thanks
    6
    Thanked 1,035 Times in 1,008 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
    •