[Geomoose-users] Toolbar Icon options.

[Dan Little]

More useful is using a custom webfont for icons.  It has the following
advantages:

1. It doesn't require SVG, Canvas, or Multiple Images.
2. It works on all browsers going back to IE7(ish), IE8 more
practical, and IE9 solidly supports this.
3. It's easy to change the color and size via CSS since it works just
link another font.  Some examples of this are Font Awesome and
Glyphicon (see Bootstrap).
4. If the user bumps up their default font sizes (a browser setting)
then the font will be rendered bigger.  Nothing in the web-application
(or its CSS) needs to change.

Disadvantages exist, however:
1. If your users are using a screen reader then extra care needs to
make sure the screen reader does not read the icon.  Or skips the
label and the ARIA text is on the icon.
2. You only get one color.  It's a font.  There's two colors "on" and
"off."  Typically rendered as black-on-white.
3. IE can actually block fonts from website.  This is a security
setting that can be particularly anal.  I'm not sure what settings
your users have there.  Given the growing popularity of web-fonts even
the most anal security staff is starting to allow use of webfonts.

If this is something super-important to saint paul we can look at
adding it to the 2.8 release planning proces.


On Wed, Oct 8, 2014 at 1:49 PM, Basques, Bob (CI-StPaul)
<bob.basques at ci.stpaul.mn.us> wrote:
> All,
>
>
>
> Further info . . .
>
>
>
> So, based on this article:  css-tricks.com/using-svg/  there seems to be a
> few options available.  The one jumping out seems to indicate that I can use
> the SVG as an Image, even from CSS and as a background, just like the
> all.png, which would allow me to swap out the sprite image as is.  The next
> question then is, how to manage user defined scaling of the toolbar.  Would
> changing the height/width in the .sprite-control css make the whole page
> flow around the new size?
>
>
>
> Thanks
>
>
>
> Bobb
>
>
>
>
>
>
>
>
>
> From: geomoose-users-bounces at lists.osgeo.org
> [mailto:geomoose-users-bounces at lists.osgeo.org] On Behalf Of Basques, Bob
> (CI-StPaul)
> Sent: Wednesday, October 08, 2014 12:54 PM
> To: geomoose-users at lists.osgeo.org
> Subject: [Geomoose-users] Toolbar Icon options.
>
>
>
> All,
>
>
>
> We have here at the City a set of Icons that we commissioned for eventual
> inclusion in GeoMoose.  We don’t have a one to one replacement yet, but
> we’re planning on fleshing out the icons for this purpose.  These icons are
> all in SVG (,ai actually, but I just converted to SVG with Inkscape)  so
> they could be  scaled infinitely and/or exported to other sizes.  We wanted
> to be able to make doubled sized icons for our GeoMoose install.
>
>
>
> I’m looked at the sprite.css file and found the mapping of the toolbar icons
> in there.
>
>
>
> Question, what would folks suggest as a way forward with adding these icons
> into GeoMoose, preferably as SVG, but a larger version would suffice ion the
> near term.  I see how I can swap out what is there now, but I would prefer
> to have the ability to change out between the two options (and possibly
> future other button themes/sizes).
>
>
>
> SVG in web pages seems to be requiring the step into HTML5 as well.  Don’t
> know what reprecussions this might have.
>
>
>
> Thanks
>
>
>
> Bobb
>
>
>
>
>
>
> _______________________________________________
> Geomoose-users mailing list
> Geomoose-users at lists.osgeo.org
> http://lists.osgeo.org/mailman/listinfo/geomoose-users