@font-face not working

Could it be a plugin causing this problem?

I’ve pasted the @font-face code into my theme’s CSS inserts section. Should it be in an other place?

Try and move the @font-face code to the top of the CSS inserts section. At the moment it looks like your @font-face code is down the bottom, but I don’t think this will solve the issue.

Have you tried disabling plugins to check whether any are responsible?

I just tried your suggestion of moving the @font-face code to the top of the CSS inserts section and disabling all my plugins; neither strategy worked.

Google Chrome displays these errors

Failed to load resource: the server responded with a status of 404 (Not Found) https://www.sarahnicolephillips.com/fonts/Pacifico-webfont.woff
Failed to load resource: the server responded with a status of 404 (Not Found) https://www.sarahnicolephillips.com/fonts/Pacifico-webfont.ttf
Failed to load resource: the server responded with a status of 404 (Not Found) https://www.sarahnicolephillips.com/fonts/Pacifico-webfont.svg

In which directory are the fonts?

The fonts are located in my wp-content/fonts. You can see that the demo file works:
https://www.sarahnicolephillips.com/wp-content/fonts/demo.html

When I inset the path below, I get a bunch of garbage (I don’t know the lingo for what that stuff is called), but not a 404 message:
https://www.sarahnicolephillips.com/wp-content/fonts/demo.html

Try using wp-content within the URL of the CSS.
E.g

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on September 23, 2012 08:41:49 PM America/New_York */

@font-face {
    font-family: 'pacificoregular';
    src: url('/wp-content/fonts/Pacifico-webfont.eot');
    src: url('/wp-content/fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/fonts/Pacifico-webfont.woff') format('woff'),
         url('/wp-content/fonts/Pacifico-webfont.ttf') format('truetype'),
         url('/wp-content/fonts/Pacifico-webfont.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

Oh my goodness, that worked!

I know that I had tried that path before without success…perhaps something else was wrong at that time?

Thank you very much with your patience and persistence with this problem.

You may not have had the forward slash at the start of the url.

I thought I had remembered that, but then again I was working at 2am so it is totally possible I missed a slash. Thanks again! I am going to mark this topic as resolved now.