treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] @font_face problems

  • 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;
    }
  • 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
  • Not like this:

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


    But:

    url('../_fonts/Sesquipedalian-webfont.eot');
  • @Himpimpa - You got it. That was the problem :)

    @Paulie_D Thanks too!