WordPress.org

Ready to get started?Download WordPress

Forums

@font-face is not working (3 posts)

  1. parchmentgirl
    Member
    Posted 1 year ago #

    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?

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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');
  3. 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?

Topic Closed

This topic has been closed to new replies.

About this Topic