Colours don't show up SVG font

I have external SVG image files imported into Glyphs. On edit view everything seems fine but when exported glyphs appear as black shapes. Tested with Webfont Test HTML script.

Update: It seems Safari does not support SVG fonts, it looks fine on Firefox.

New update: Except Indesign it works in all apps. Any suggestion or help would be nice

Perhaps the svg files contain svg features that are not supported by the affected apps.

Actually they are just plain vectors including gradient and solid colours

Gradients are not necessarily supported. Roel Nieskens has a test page: LapisLegit, a font to test the OpenType SVG table