Font Icon discussion continued

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


hi Colin,

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

best,
heidi



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

---
Colin Clark
http://fluidproject.org

On 2013-04-23, at 12:24 PM, Justin Obara <obara.justin at gmail.com> 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 fluidproject.org
To unsubscribe, change settings or access archives,
see http://lists.idrc.ocad.ca/mailman/listinfo/fluid-work

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20130423/80a22922/attachment.html>


More information about the fluid-work mailing list