CSS Font Issue in posts

[Kelly]

Kelly

October 24, 2014 at 8:59 am

I am using custom CSS to change the font for all of my headings. It’s working fine on the pages, but on every post the custom font is not displaying anywhere. This happens in multiple browsers. When I look at the CSS in Firebug, it looks like it should be applying, but it’s not.

The troubleshooting I’ve done so far:
Turned off all plugins
Set all Google Font options to Arial

Here is my CSS:
@font-face {
font-family: Saint Andrews;
src: url(st-andrews.ttf);
}

header #logo a.brand, .logofont {
font-family: Saint Andrews !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Saint Andrews !important;
}

#nav-main, .nav-main {
border-bottom: solid;
border-bottom-width: thin;
}

.widget {
font-size: 14px;
}

.widget-inner H3 {
font-size: 45px;
background-image: url(‘*Login to see link
height: 50px;
}