Support » Fixing WordPress » @font-face not working

  • Resolved sarahnphillips

    (@sarahnphillips)


    I am having troubles getting @font-face (pacifico) to work on my site. I have successfully installed font-face on several websites using the same method as I am using now. I am using the theme Atahualpa. The demo.html file is working, so I know that I am close.

    Here is the page I am working on: http://www.sarahnicolephillips.com/cv/

    The line “Click here to download a PDF version of cv” should appear in the curly pacifico font. Here’s the html I’ve using to try to get the font to look curly:

    <span style="font-family: 'pacificoregular',terminal,monaco; color: #ccffff;">Click <a href="http://www.sarahnicolephillips.com/wp-content/uploads/2008/12/SarahNicolePhillips-CV-20120212.pdf" target="_blank">here</a> to download a PDF version of cv.</span>

    Troubleshooting I have tried:
    – I’ve looked at the site in various browsers (it doesn’t work across browsers).
    – I’ve tinkered with the path and am pretty sure that’s not the problem, as indicated by the fact that the demo.html file works.
    – I’ve tinkered with the permissions of the fonts folder.
    – Using cyberduck I’ve confirmed the location of the fonts folder and all it’s contents are present.

    Below is the css code I’ve both uploaded to my fonts folder and placed in Atahualpa’s CSS Inserts section.

    /* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 23, 2012 08:41:49 PM America/New_York */
    
    @font-face {
        font-family: 'pacificoregular';
        src: url('../fonts/Pacifico-webfont.eot');
        src: url('../fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Pacifico-webfont.woff') format('woff'),
             url('../fonts/Pacifico-webfont.ttf') format('truetype'),
             url('../fonts/Pacifico-webfont.svg#pacificoregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }

    Any thoughts?

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