Function Enqueues Stylesheet; Stylesheet calls files in Subs

Sorry for the long title; could have been worst. Here’s the deal:

I have a theme I created following a tutorial, so is kind of a framework. It uses Bootstrap, too. The ‘functions.php’ file reads, in part:

function theme_styles() {

	...
	wp_enqueue_style( 'facefonts_css', get_template_directory_uri() . '/face-fonts.css' );
	...
}
add_action( 'wp_enqueue_scripts', 'theme_styles' );

In turn, the ‘face-fonts.css’ file is structured like this:

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

Please note that the actual fonts are in a subdirectory of the theme called ‘fonts’.

The theme’s ‘style.css’ has, in part, this:

h1,
h2,
h3,
h4,
h5,
h6
    {
        font-family: carouselambraregular;
    }

However, the theme doesn’t recognize the fonts.

Any assistance is appreciated. Thanks!