Icon Fonts are Awesome
css-tricks.com
Icon Fonts are Awesome
1–10 of 48 posts
Re: Icon Fonts are Awesome
#2Why arent people using SVG for this sort of thing? Isnt that HTML5's vector graphics format?
I supose if you're using icons w/ the express purpose of using them with in-line text, then this would be Ideal... but just seems like a weird hack, when there is SVG available...
The author of this website claims to simply be ignorant of SVG at the bottom? whats up with that?
Why is using a font "hack" better than using the intended container for vector graphics?
I guess web design has always sorta been about pushing the bounderies of browser quirks, but I kinda thought we were moving away from that. You would think the intended use of vector graphics would be designed to be just as good if not better than using a font to do the same thing.
Re: Icon Fonts are Awesome
#3Why arent people using SVG for this sort of thing? Isnt that HTML5's vector graphics format? I supose if you're using icons w/ the express purpose of using them with in-line text, then this would be Ideal... but just seems like a weird hack, when there is SVG available... The author of this website claims to simply be ignorant of SVG at the bottom? whats up with that? Why is using a font "hack" better than using the…
IE8 and Android 2.4 don't support it for one, but it does seem SVG has never really had traction. I've heard SVG has poorer rendering performance in most browsers (I'm not actually sure if that's true), and that some folks feel it makes it easier for their assets to be copied.
Re: Icon Fonts are Awesome
#4Why arent people using SVG for this sort of thing? Isnt that HTML5's vector graphics format? I supose if you're using icons w/ the express purpose of using them with in-line text, then this would be Ideal... but just seems like a weird hack, when there is SVG available... The author of this website claims to simply be ignorant of SVG at the bottom? whats up with that? Why is using a font "hack" better than using the…
I'm not all that great at webdesign but I couldn't seem to implement this in CSS. Any suggestions in doing something similar with SVG?
Re: Icon Fonts are Awesome
#5For a comprehensive list of the best icon fonts around have a look at simurai's list at http://www.delicious.com/stacks/view/SC3hpq
Re: Icon Fonts are Awesome
#6Why arent people using SVG for this sort of thing? Isnt that HTML5's vector graphics format? I supose if you're using icons w/ the express purpose of using them with in-line text, then this would be Ideal... but just seems like a weird hack, when there is SVG available... The author of this website claims to simply be ignorant of SVG at the bottom? whats up with that? Why is using a font "hack" better than using the…
The main advantages are listed on the page. Being able to apply CSS styles is the biggest one.
Re: Icon Fonts are Awesome
#7Why arent people using SVG for this sort of thing? Isnt that HTML5's vector graphics format? I supose if you're using icons w/ the express purpose of using them with in-line text, then this would be Ideal... but just seems like a weird hack, when there is SVG available... The author of this website claims to simply be ignorant of SVG at the bottom? whats up with that? Why is using a font "hack" better than using the…
The main advantages are listed on the page. Being able to apply CSS styles is the biggest one.
you can apply css to svg
Re: Icon Fonts are Awesome
#8You will have to download an entire font even if you are only using a few arrows.
May not be prohibitive, but it should be kept in mind.
Re: Icon Fonts are Awesome
#9You will have to download an entire font even if you are only using a few arrows. May not be prohibitive, but it should be kept in mind.
You can create a subset of that font to serve if only using a few icons. I've done that with Scribophile thought I can't recall right now what utility I used to do that.
Re: Icon Fonts are Awesome
#10Why arent people using SVG for this sort of thing? Isnt that HTML5's vector graphics format? I supose if you're using icons w/ the express purpose of using them with in-line text, then this would be Ideal... but just seems like a weird hack, when there is SVG available... The author of this website claims to simply be ignorant of SVG at the bottom? whats up with that? Why is using a font "hack" better than using the…
SVG would be wonderful if it were not for the lack of native support early on in browser land. That skips over the none trivial problem of what it takes to create a symbol/glyph in SVG. Not only do you have to be a competent typographer, but you also have to be a programmer (SVG is very Postscript like). Yet more barriers to widespread use. None of this is fatal, but like speed-bumps, it certainly slows things down. I'm in general more happy adopting a widely used Unicode font for the things that I need in this category. Your mileage may vary.