Bought a @font-face, not working in Firefox and IE

Question

My client bought a font to be used. This is the code generated for it:

@import url("//hello.myfonts.net/count/27ec77");

@font-face {font-family: 'FranklinGothicURWCon-Boo';
    src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_0_0.eot');
    src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_0_0.eot?#iefix') format('embedded-opentype'),
    url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_0_0.woff') format('woff'),
    url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_0_0.ttf') format('truetype');}

@font-face {font-family: 'FranklinGothicURWCon-Dem';
    src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_1_0.eot');
        src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_1_0.eot?#iefix') format('embedded-opentype'),
        url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_1_0.woff') format('woff'),
        url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27EC77_1_0.ttf') format('truetype');}

This works in Chrome, but not in Firefox or Internet Explorer. See here: http://www.mybariatricsolutionsseminars.com/new/

Some solutions I've tried:

1. Added this code to .htaccess. (This didn't work.)

   AddType font/ttf .ttf
   AddType font/eot .eot
   AddType font/otf .otf
   AddType font/woff .woff
   
   <FilesMatch "\.(ttf|otf|eot|woff)$">
       <IfModule mod_headers.c>
           Header set Access-Control-Allow-Origin "*"
       </IfModule>
   </FilesMatch>
   

2. Add http:// on src URLs. (This also didn't work.)

Answer 1

Your mimetypes aren't set up correctly.

Looking in the Chrome Dev Tools shows lots of:

Resource interpreted as Font but transferred with MIME type text/html

Assuming you are using apache with .htaccess files, add:

AddType application/vnd.ms-fontobject  eot
AddType application/x-font-ttf         ttf ttc
AddType font/opentype                  otf
AddType application/x-font-woff        woff

to the .htaccess file.