Grow your CSS skills. Land your dream job.

Woff font format rendering icons as outlines when font is smallish?

  • # December 11, 2012 at 8:54 pm

    Hi All,
    I’ve found a funny situation with the bulk of the icons I’ve tested.. browsers using the woff format (best seen in ff) will show an outlined version of icons if the font size is below a certain amount of ems but all other browsers work fine. I increase the font size and they then become coloured.. see here for an example..
    http://hashbang.envoyat.com/testpage.html – this will use svg in most browsers but woff in firefox which will result in outlined icons if you display the same page without svg icons in any browser: http://hashbang.envoyat.com/testpage-no-svg.html

    you’ll notice icon number 4 is outlined until it reaches a certain font size.

    notice the build and iterate icon.. bump up the font size in firebug to 4.3em and it is fully coloured again?

    Just wondering if anyone had a way around this as I need them at the smaller size!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".