The Erudite テーマでfont-familyが変更できない

The Erudite 2.7.8というテーマを利用しております。

font-familyを変更しようと、CSSからいろいろと試みたのですが、変更しても反映されません。

/* Typography Base */
body {font: normal normal normal 10px/1.5 constantia,'hoefler text','palatino linotype',serif; background:#f2f2f2; color:#111; }
textarea, select, input {font-size:12px;}
h1,h2,h3,h4,h5,h6 {font-family:'gill sans','gill sans mt','gill sans mt pro','century gothic',corbel,sans-serif; font-weight:normal; letter-spacing:.05em; text-rendering: optimizeLegibility}
h1 {font-size:3.6em; line-height:1.333; margin:1.333em 0 .333em;}
h2 {font-size:2.1em; line-height:1; margin:1em 0 .25em;}
h3 {font-size:2.1em; line-height:1.143; margin:1.143em 0 .286em;}
h4 {font-size:1.8em; line-height:1.333; margin:1.333em 0 .333em;}
h5 {font-size:1.6em; margin-top:1.5em 0 .375em;}
h4, h5 {letter-spacing:.1em;}
h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h4, h3 + h5, h3 + h6, h4 + h5, h4 + h5, h5 + h6 {
	margin-top:0;
}
.amp {font-size:1.2em; font-style:normal; line-height:1.363;}
pre, code {font-family:"Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", "Osaka",sans-serif;}
/* Links */
a {text-decoration:none;}
a:link {color:#000;}
a:visited {color:#311;}
a:hover {color:#223; text-decoration:underline;}
a:active {color:#55f;}

h1,h2,h3,h4,h5,h6の部分は変更できるのですが、
コンテンツ記事部分と思われるpre, codeの部分を上記font-familyにしてもVerdanaで表示されず、明朝体っぽい感じになってしまいます。

上記以外のfont-familyを指定しても変更されない状態です。

もちろん、PC内にVerdanaフォントは入っていますし、他のサイトでのVerdanaフォントは確認できます。

どこかでfont-familyが変更できない制御がされているのかわかりません。

なにか原因をお分かりの方、いらっしゃいましたらご教授お願い致します。

必要とあらば、長いですがCSS全部を追記させていただきます。