Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Woff font format rendering icons as outlines when font is smallish?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #41283
    jw
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.