New custom font

Hello,

I’m trying to install a custom font to use with Enfold theme, and I’ve tried some other topics here, and also tried the @font face script + Font Squirrel package fonts… but it’s just not working for me.

http://virtuavenue2.ripegroup.com/

The font that I want to use is http://www.fonts.com/font/exljbris/museo-slab/500/web-font

I have created a folder inside the theme folder called ‘fonts’

I then added the script to my custom.css

@font-face {
font-family: ‘museo_slab500’;
src: url(‘fonts/museo_slab_500_2-webfont-webfont.eot’);
src: url(‘fonts/museo_slab_500_2-webfont-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/museo_slab_500_2-webfont-webfont.woff’) format(‘woff’),
url(‘fonts/museo_slab_500_2-webfont-webfont.ttf’) format(‘truetype’),
url(‘fonts/museo_slab_500_2-webfont-webfont.svg#museo_slab500’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

And then in the quick .css I put this:
h1, h2, h3, h4, h5, h6 {
font-family: ‘museo_slab500’, “Times New Roman”, Helvetica, Arial, sans-serif; }

Currently in the Enfold theme options / headings / I have Coustard selected – but when I revert this to ‘no custom font’ the site heading fonts look like they revet to Times New Roman…

So I’m a bit stuck – not sure how to add a custom font to Enfold that’s not a Google Font – and also does not mean I have to sign up to a paid plugin/subscription to use them.

Any detailed help would be greatly appreciated!! (I’m not very technical :)
Thank you!!