Webfonts issue

I can’t seem to get my web fonts to work as expected. There seems to be something in place overriding some of the font-family settings. In fact, the only font family that I can edit in the CSS is the caption content, using the following CSS. I can get all three fonts (frontage-bold, frontage-3d, frontage-regular) working here. (Also I’m not sure why the .div is required here as everything I’ve read suggests it should work without?)

div.avia-caption-content {
font-family: “Frontage-Bold”, sans-serif !important;
color: #333333;
font-size: 20px !important;
}

I really need to be able to edit the caption title font family. Any idea how? Here is the CSS I’m currently using. The font-size and color work, but not the font-family. I can’t get it to change from frontage-bold.

.avia-caption-title {
font-family: “Frontage-3D”, sans-serif !important;
color: RED !important;
font-size: 40px !important;
}

+++++

I am using this CSS for my fonts:

@import url(“//hello.myfonts.net/count/2ff92a”);

@font-face {font-family: ‘Frontage-Bold’;src: url(‘webfonts/2FF92A_1_0.eot’);src: url(‘webfonts/2FF92A_1_0.eot?#iefix’) format(’embedded-opentype’),url(‘webfonts/2FF92A_1_0.woff2’) format(‘woff2’),url(‘webfonts/2FF92A_1_0.woff’) format(‘woff’),url(‘webfonts/2FF92A_1_0.ttf’) format(‘truetype’);}

@font-face {font-family: ‘Frontage-3D’;src: url(‘webfonts/2FF92A_2_0.eot’);src: url(‘webfonts/2FF92A_2_0.eot?#iefix’) format(’embedded-opentype’),url(‘webfonts/2FF92A_2_0.woff2’) format(‘woff2’),url(‘webfonts/2FF92A_2_0.woff’) format(‘woff’),url(‘webfonts/2FF92A_2_0.ttf’) format(‘truetype’);}

@font-face {font-family: ‘Frontage-Regular’;src: url(‘webfonts/2FF92A_4_0.eot’);src: url(‘webfonts/2FF92A_4_0.eot?#iefix’) format(’embedded-opentype’),url(‘webfonts/2FF92A_4_0.woff2’) format(‘woff2’),url(‘webfonts/2FF92A_4_0.woff’) format(‘woff’),url(‘webfonts/2FF92A_4_0.ttf’) format(‘truetype’);}