Custom Webfont for Child Theme

Hi folks, this is my first post after reading quite a lot. I’ve done some thorough searching but I’m having no luck, in spite of the similar posts.

I’m seeking to add a custom web font, Verb Condensed, to my Enfold site to use across header and body styles, and generally throughout the site. I’m familiar with the @font-face protocol, and I have that working on my current website which does not use Enfold.

Here’s what I’ve done so far:

1. Uploaded the web font files (EOT, SVG, TTF, and WOFF) to a folder within my “enfold-child” folder called css/webfonts/
2. I updated the styles.css in the Child Theme to include those. Here’s a sample:

@font-face {
	font-family: 'VerbCond Light Italic';
	src: url('css/webfonts/verbcond-light-italic.eot');
	src: url('css/webfonts/verbcond-light-italic.eot?#iefix') format('embedded-opentype'),
	     url('css/webfonts/verbcond-light-italic.woff') format('woff'),
	     url('css/webfonts/verbcond-light-italic.ttf') format('truetype'),
	     url('css/webfonts/verbcond-light-italic.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;	}	

3. I’ve added another line in the styles.css file to give some of the site styles the ‘VerbCond’ typeface

body {
font-family: 'VerbCond Regular', sans-serif !important; 
}	

The result is that everything appears as Helvetica. It seems to be half-working, in that I’ve stripped the formatting from the drop-down menus within Theme Options > General Styling > General, but it’s not recognizing the Verb Condensed files I’ve uploaded. The site is also very slow to load.

Can anyone advise how to sort this out? I know you get this question a lot, in slightly different forms, so appreciate your insight.

Should I make modifications to a different CSS file aside from styles.css? Should I upload the font files to a different folder location? Is there a reason I should only use fontsquirrel or some other protocol?

If possible, I’d like to add Verb Condensed to the drop-down menu so I can simply select it, rather than having to write a custom style for every use case.