Font Icon discussion continued

Colin Clark colinbdclark at
Tue Apr 23 12:28:26 EDT 2013

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.

More information about the fluid-work mailing list