Font Icon discussion continued

Valles, Heidi hvalles at
Tue Apr 23 13:22:58 EDT 2013

hi Colin,

I'm looking into the best way of doing this. Will report back shortly!


On 2013-04-23, at 12:28 PM, Colin Clark wrote:

Hi Justin,

This is a helpful summary. Can you elaborate on the means by which we should all be providing text alternatives for font-based icons, just so I'm clear?


Colin Clark

On 2013-04-23, at 12:24 PM, Justin Obara <obara.justin at> wrote:

Formal Proposal Regarding Font Icons:

We should use font icons for relatively simple images that can be represented using a single colour, or a few colours in cases where stacking is appropriate, and which need to be responsive to resolution, size, and colour changes on the fly.

For complex images, or those that do not require the responsiveness listed above, we should make use of either svg or raster images as appropriate.

Guideline for using Font Icons:

• Use PUA font icons
• Provide a text alternatives for non-presentational uses
• Add through CSS using classes
• Apply the class to add the font icon to an element that will only contain the font icon
• e.g. <span class="addFont"> font icon </span> where "font icon" would be the actual font icon displayed.

Please let us know what you think about this proposal and if you have any more questions or concerns.

fluid-work mailing list - fluid-work at
To unsubscribe, change settings or access archives,

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <>

More information about the fluid-work mailing list