Font Icon discussion continued

Colin Clark colinbdclark at
Fri Apr 26 11:03:57 EDT 2013

Hi Justin,

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.

This proposal seems quite sensible to me. It sounds like you and Heidi have found a reasonable and viable way of labelling font icons. Given this, I think they'll be a valuable addition to our design toolbox.



Colin Clark

More information about the fluid-work mailing list