Support » Themes and Templates » @font-face is not working

  • I’ve been trying to get @font-face to work. I’m using the Mon Cahier theme. I uploaded the font in all 4 formats to the core folder of my blog and put this code in my stylesheet:

    @font-face {
    font-family: ‘from_the_woodsregular’;
    src: url(‘from_the_woods-webfont.eot’);
    src: url(‘from_the_woods-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘from_the_woods-webfont.woff’) format(‘woff’),
    url(‘from_the_woods-webfont.ttf’) format(‘truetype’),
    url(‘from_the_woods-webfont.svg#from_the_woodsregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    h1.site-title a {
    font-family: ‘from_the_woodsregular’;
    font-size: 55px;
    font-size: 5.5rem;
    padding-top: 0.5em;
    text-decoration: none;
    }

    It’s not working. What am I doing wrong?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    The URL for the fonts is likely to be wrong.

    Try using an absolute url, e.g:

    src: url('/wp-content/themes/mon-cahier/from_the_woods-webfont.eot');

    Christine Rondeau

    (@crondeau)

    Volunteer Forum Moderator

    I suspect that the tip provided by Andrew will work, but if not, can you provide a link to your site so we can see what’s going on?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘@font-face is not working’ is closed to new replies.