Grow your CSS skills. Land your dream job.

@font_face problems

  • # May 31, 2012 at 9:37 am

    Hi, I downloaded Sesquipedalian font kit from Font Squirrel and placed it into my css. For some reason, though, the font looks nothing like it should. I have no idea why. Any help would be great.


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

    h1 {
    font-family: SesquipedalianRegular;
    font-size: 60px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    }
    # May 31, 2012 at 9:56 am

    A link would probably be helpful.

    I haven’t had a lot of time to look at this but I think it’s always an Uppercase / Non-Italic typeface so that might be the issue.

    http://www.fontsquirrel.com/fonts/Sesquipedalian

    # May 31, 2012 at 10:08 am

    Not like this:

    url(../_fonts/'Sesquipedalian-webfont.eot');

    But:

    url('../_fonts/Sesquipedalian-webfont.eot');
    # May 31, 2012 at 10:15 am

    @Himpimpa – You got it. That was the problem :)

    @Paulie_D Thanks too!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".