Custom Fonts No Longer Working

I have custom fonts installed in each of my websites which have had some issues. At first they were only working in Google Chrome (never worked on Firefox/IE), however now the custom fonts only work on Google Chrome Mobile.

I have searched the web and this forum for an answer to this problem. All the answers say that you must host the font file on your website to fix the problem, but as stated earlier I do host mine. So it must be something else that I’m just not getting right.

Here’s the css generated by Font Squirrel that I’ve installed:

/* Begin Additional CSS Styles */
@font-face {
    font-family: 'kidtypepaintregular';
    src: url('https://www.exhibitadrian.com/iamsotare/CustomFonts/kidtypep-webfont.eot');
    src: url('https://www.exhibitadrian.com/iamsotare/CustomFonts/kidtypep-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.exhibitadrian.com/iamsotare/CustomFonts/kidtypep-webfont.woff') format('woff'),
         url('https://www.exhibitadrian.com/iamsotare/CustomFonts/kidtypep-webfont.ttf') format('truetype'),
         url('https://www.exhibitadrian.com/iamsotare/CustomFonts/kidtypep-webfont.svg#kidtypepaintregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.BLUE {
font-family: 'KidTypepaintregular';
color: #0000FF;
font-weight: normal;
}
/* End Additional CSS Styles */

I even host the font files directly on my site (iamsotare.com is hosted on exhibitadrian.com), but the custom fonts no longer work.

Any help or suggestions?

I really like to use custom fonts as it makes each website unique, and just plain better visually. I see plenty of sites that pull this off, just wondering why I can’t seem to manage.

Any feedback is needed and appreciated! Thanks!

EDIT: The website is iamsotare.com, if you need to look at the page source and inspect anything.