Font Colors are not working

Hi,

I am trying to create a color font using FontCreator Standard version 10.2. It is working fine in Editor I am able to check color on icons. But when i tried to use it on Browser with custom css it is displaying black without any color information. My Browser Support color font i am able to check color icons as per this URL http://www.softerviews.org/WebFonts/. I am sharing my Font Files my files. It include css, index.html and font files. I added Odana fonts for testing purpose.

Please help me to resolve this small issue.

Thanks & Regards,
Mayank Sanghvi
UIRAIN.zip (594 KB)

If you check the trouble-shooting folder in the Overview panel, you will see that there are conflicts with the colour glyph members being different widths.

All members of a colour glyph must be the exact same advance width.

Thanks for the quick update.
Ok, now i know where is the problem. But I don’t have solution or step to resolve it.
Could you please guide me for the same?

Thanks & Regards,
Mayank Sanghvi

I think I fixed AW issue.
Refer attached image.
Please let me know How to resolve another issue. Color Metrics Conflicts.
AW Issue.png

Finally this is my working version of index.html, and css file. Sharing so it can help others. I am still want to know How to resolve Color Metrics Conflicts issue.

Thanks & Regards,
Mayank Sanghvi
UIRAIN.zip (4.06 KB)