Custom Font - Ariana

I'm having some issues trying to install a custom font while using the Ariana theme.

Step 1- I have uploaded the fonts to the j51_ariana/fonts folder on the webserver. You can see the fonts at the links below

.
Step 2- I have entered the following on my custom css section but I don't see the fonts available in the font selector.

/* Adding Font CACHET */

@font-face {
font-family: 'Cachet Medium';
src: url('http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot');
src: url(http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot') format('embedded-opentype'), url('http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.woff') format('woff'), url('http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.ttf') format('truetype'), url('http://www.wcfymca.org/39/templates/j51_ariana/fonts//cachet-medium-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family: Cachet Medium;
}

Thanks for the assistance.

Dan

@font-face { font-family: 'Cachet Medium'; src: url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot'); src: url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.eot') format('embedded-opentype'), url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.woff') format('woff'), url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts/cachet-medium-webfont.ttf') format('truetype'), url('//http://www.wcfymca.org/39/templates/j51_ariana/fonts//cachet-medium-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'Cachet Medium'; }