Not all of mozilla or chrome’s fonts work!!


I have been writing a font API that provides all font libraries possible for the system to use; I have version one running on https://fonts.ringwould.com.au and the new version 2.x on http://fonts.labs.coop. The interesting thing is in version 1 we only provide the following CSS:-

/** Font: Reef **/ @font-face { font-family: 'Reef'; src: url('http://fonts.ringwould.com.au/v1/font/160bf7ba5405eaa7d027644692b30f74/eot.api'); src: local('|'), url('http://fonts.ringwould.com.au/v1/font/160bf7ba5405eaa7d027644692b30f74/woff.api') format('woff'), url('http://fonts.ringwould.com.au/v1/font/160bf7ba5405eaa7d027644692b30f74/otf.api') format('truetype'), url('http://fonts.ringwould.com.au/v1/font/160bf7ba5405eaa7d027644692b30f74/ttf.api') format('truetype'), url('http://fonts.ringwould.com.au/v1/font/160bf7ba5405eaa7d027644692b30f74/svg.api') format('svg'), url('http://fonts.ringwould.com.au/v1/font/160bf7ba5405eaa7d027644692b30f74/afm.api') format('afm'); font-weight: normal; font-style: normal; }

But in Version 2.x we are importing all the device supportive version available like so:-

/** Font: ae_Tholoth **/
@font-face {
	font-family: 'ae_Tholoth';
	src: url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/eot.api');
	src: local('||'), url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/afm.api') format('afm');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/bdf.api') format('bdf');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/bin.api') format('bin');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/cef.api') format('cef');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/cff.api') format('cff');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/cid.api') format('cid');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/dfont.api') format('dfont');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/eot.api') format('eot');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/fnt.api') format('fnt');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/fon.api') format('fon');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/gai.api') format('gai');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/gsf.api') format('gsf');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/hqx.api') format('hqx');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/ik.api') format('ik');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/mf.api') format('mf');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/otb.api') format('otb');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/otf.api') format('otf');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/pcf.api') format('pcf');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/pdb.api') format('pdb');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/pf3.api') format('pf3');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/pfa.api') format('pfa');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/pfb.api') format('pfb');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/pmf.api') format('pmf');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/pt3.api') format('pt3');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/sfd.api') format('sfd');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/svg.api') format('svg');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/t42.api') format('t42');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/ttc.api') format('ttc');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/ttf.api') format('ttf');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/ufo.api') format('ufo');, url('http://fonts.labs.coop/v2/font/e786348c90061b278174bee9ede36b79/woff.api') format('woff');
	font-weight: normal;
	font-style: normal;
}

You will see in the difference of the two browsers; the fonts preview will display in one; but the browser is opting for another version of font apart from what the examples online show just: woff, eot, oft, ttf + svg as the base preference but isn’t using it at all or not able to read the format correctly. Partly why this is the *.UFO format; what do you think displays a *.UFO File for a font layering format.

I am probably to the CSS system cause of this flaw in all browsers; going to have to introduce a Mime-type based output on the User Agent of what is browsing the API.

Advertisements