News for hackers. Stuff that matters.
Re:Devicons, an iconic font made for developers by SimeVidas on Friday July 18, 2014 @08:19AM (#8052597)
The author instructs loading the entire font package, which is 35KB, onto you website. I don't think this is a good approach from a performance perspective. I recommend using tools like Fontello to create custom font files with just the icons you need.
Re:Devicons, an iconic font made for developers by shubb on Friday July 18, 2014 @08:41AM (#8052674)
Not web dev question - I'm curious, what is the advantage of using a font rather than images?
Re:Devicons, an iconic font made for developers by rguldener on Friday July 18, 2014 @08:47AM (#8052697)
Font files are vector "images" which means your icons will scale gracefully to any size. This is probably the main advantage.

Depending on the complexity I imagine fonts would also be smaller than corresponding bitmaps although I never actually checked.

Re:Devicons, an iconic font made for developers by bitJericho on Friday July 18, 2014 @09:15AM (#8052811)
SVG are vector graphics that can be rendered in all modern browsers:

http://caniuse.com/#feat=svg-img

You do miss out on the recoloring and any other font styling options though.

Re:Devicons, an iconic font made for developers by angeNoble on Friday July 18, 2014 @09:23AM (#8052849)
Actually you can style SVG with CSS

    #yourSVG {
        fill: red;
        stroke: blue;
    }
Re:Devicons, an iconic font made for developers by basseq on Friday July 18, 2014 @12:18PM (#8053842)
I don't think you can re-style a SVG with CSS if you embed it with IMG. CSS styling has to be inline with the SVG, so you can embed it directly, or you can change CSS with JS.
Re:Devicons, an iconic font made for developers by bitJericho on Friday July 18, 2014 @10:27AM (#8053175)
mind = blown
Re:Devicons, an iconic font made for developers by yoshokatana on Friday July 18, 2014 @01:21PM (#8054284)
The problem is that, until <svg use> is standardized and supported, the only way to style svg elements is if you include them in your markup (or use something like Iconic's SVG Injector).

There's a tradeoff between inlining (or rather, including them server-side) and calling them as <img>, background-image, or fonts. The size, http requests, caching , and styling all play a role.

Re:Devicons, an iconic font made for developers by moron4hire on Friday July 18, 2014 @08:52AM (#8052717)
They can also be recolored more easily, making themes easier to maintain.
Re:Devicons, an iconic font made for developers by nilved on Friday July 18, 2014 @09:13AM (#8052795)
But they can only be one color. I don't think gradients and stuff work on them.
Re:Devicons, an iconic font made for developers by babuskov on Friday July 18, 2014 @11:13AM (#8053445)
There are ways to use multiple colors:

http://www.pixelambacht.nl/2014/multicolor-icons/

Re:Devicons, an iconic font made for developers by wil421 on Friday July 18, 2014 @09:06AM (#8052771)
You can change the color and size without having to change or edit an image. Plus things like pixelation dont happen with fonts but you could use canvas in a similar way. I've seen some cool logos done with canvas.
Re:Devicons, an iconic font made for developers by joeyspn on Friday July 18, 2014 @08:47AM (#8052696)
Less http petitions and bandwidth. Also, they are vector-based so are great for all resolutions and sizes.
Re:Devicons, an iconic font made for developers by joeyspn on Friday July 18, 2014 @05:21PM (#8055704)
Why is this being downvoted? Did I say anything false?
Re:Devicons, an iconic font made for developers by vorillaz on Friday July 18, 2014 @12:48PM (#8054049)
If you had a closer look on the page and the FAQ section you would have noticed that there is a manifest file that you can load into IcoMoon and select your desired fonts to use, minimising the size of the fontset. PS Font awesome is much much more big in size.
Re:Devicons, an iconic font made for developers by toxican on Friday July 18, 2014 @11:32AM (#8053573)
Unless you're missing a 0, does a file size like that really matter?
Re:Devicons, an iconic font made for developers by todd3834 on Friday July 18, 2014 @12:19PM (#8053846)
On mobile, yes. Even on good networks, you don't always have a strong signal. Download size is always a factor on mobile. 35kb isn't a big deal if it were needed but if 90% of the download is wasted then you probably don't want that.