Live data from Hacker News

Devicons, an iconic font made for developers

vorillaz.github.io

21–30 of 80 posts

Re: Devicons, an iconic font made for developers

#21

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.

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

#22
post #21

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.

Not web dev question - I'm curious, what is the advantage of using a font rather than images?

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

#23
post #21

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.

Not web dev question - I'm curious, what is the advantage of using a font rather than images?

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

#24
post #21

Earlier quoted context omitted.

Not web dev question - I'm curious, what is the advantage of using a font rather than images?

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.

They can also be recolored more easily, making themes easier to maintain.

Re: Devicons, an iconic font made for developers

#27
post #21

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.

Not web dev question - I'm curious, what is the advantage of using a font rather than images?

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

#28

Earlier quoted context omitted.

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.

They can also be recolored more easily, making themes easier to maintain.

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

#29
post #21

Earlier quoted context omitted.

Not web dev question - I'm curious, what is the advantage of using a font rather than images?

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.

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

#30

Earlier quoted context omitted.

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.

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.

Actually you can style SVG with CSS

    #yourSVG {
        fill: red;
        stroke: blue;
    }
Post reply on HN