Theme editor CSS updates show in admin, not on live site. @font-face troubles to

Ok, so I’m pretty confused on this one, I just searched around and can’t find anything else on this. This might be a little wordy. TLDR at the bottom.

I built a site on one domain, then migrated it to another domain and host via the codex instructions, (download the database, download wp files and reupload to new server, wp-config etc.)

This is my first time doing a site migration like this so I’m not sure if I messed something up, I don’t feel like I did. It’s worth mentioning I migrated the site to a subdirectory instead of being at the public_html root.

Anyway, the site displays fine, everything works just like it should. I was even able to edit some php files with the theme editor to account for the new subdirectory and that worked fine.

But my font plugin I was using crashed and burned on me, so I disabled it and decided to just use @font-face instead. After trying to add fonts directly to the style.css file in my child theme, no CSS updates are displayed on the live site. Weird part, if I look at the style.css file on my server, the changes are there.

I know the code is good because if I manually add it to style.css via the dev bar the changes display correctly on the fly.

I also know the code is good because if I put changes in via ‘edit css’ (I believe a function of the jetpack plugin?) then the changes display correctly on the live site like they should.

….except not @font-face. it doesn’t display at all no matter where I put it. Aside from the dev bar in the browser.

Here’s the @font-face code just in case I’m missing something

@font-face {
	font-family: 'Meta bold';
	src: url('/wordpress/wp-content/uploads/fonts/MetaScWeb-Bold.eot');
	src: local('?'), url('/wordpress/wp-content/uploads/fonts/MetaScWeb-Bold.woff') format("woff");
}
h1, h2, h3, h4, h5, h6, li, a, .tablepress thead th, .tablepress tfoot th {
	font-family: 'Meta bold', sans-serif !important;
}
/**I've also tried formatting it like my font plugin did**/
@font-face {
	font-family: 'Metalight';
	font-style: normal;
	src: url('/wordpress/wp-content/uploads/fonts/141125022135MetaWebPro-Light.eot');
	src: local('Metalight'), url('/wordpress/wp-content/uploads/fonts/141125022135MetaWebPro-Light.eot') format('embedded-opentype'), url('/wordpress/wp-content/uploads/fonts/141125022135MetaWebPro-Light.woff') format("woff");
}

Any idea what would keep the site from serving updated CSS files to browsers? Why does ‘edit CSS’ work for everything but @font-face?

TLDR; Built a site on one domain, migrated it to another domain(different subdirectory) following wp codex instructions, everything works except for theme editor (and only CSS files, updated php files are displayed), CSS Updates are shown on the admin side in the files, and serverside in the files. If I make changes in ‘edit CSS’ (the jetpack function), all updates are displayed except for @font-face