I'm using two fonts from typekit:
font-family:"proxima-nova", Arial, Helvetica, sans-serif; - WORKS OK
and
font-family:"garamond-premier-pro", Georgia, serif; - DOESN'T DISPLAY
While Proxima Nova loads ok - Garamond Premier Pro fails to load - but only in Chrome and Safari. Firefox and IE display the font ok. The css rule is ok - it even shows up in web inspector - I get no errors in console - typekit script is loaded - still the font won't display - it falls back to georgia.
I tried different solutions I found around (moving typekit script on top of header, disable text-shadow, remove -webkit prefixed rules from css) - nothing helps.
Is this problem font related? I read that webkit browsers have problems with opentype.
Garamond Premier Pro is a commercial product of Adobe. If you have purchased a license that allows web font usage, contact the vendor if the product does not work. Otherwise, don’t try to use it as a web font.