Add font-awesome to front-end deps

[bnvk]

https://fortawesome.github.io/Font-Awesome/icons/ because, icons 😁

[simonv3]

👍 would close issue on checklist as well I suspect: opensourcedesign/foss-contributors-checklist#4.

[jancborchardt]

Yeh, even though not all of the icons are awesome it’s probably easiest. :) And it showcases a great open source design project.

[Xaviju]

Why not using SVGs instead of iconfonts?
https://css-tricks.com/icon-fonts-vs-svg/

We could use CC icons from nounproject https://thenounproject.com/

[jancborchardt]

I must say I also prefer SVG. The only advantages are:

• really quick coloring – but we won’t really use color (also scratch that, SVG icons can be colored just the same & better, see above article)
• only one file is loaded – which we can fix using https://github.com/jkphl/iconizr

On top of that the style & quality of icons available on thenounproject is better. And I mean, how many do we need?

[jdittrich]

Sorry, but – what are the icons meant to be used for?

[simonv3]

How much of a hassle is using SVGs versus including a link to font awesome's CDN? And updating the SVG file every time we add another one? (I'm hesitant to add another build step to this project that's meant to be accessible and easily maintainable).

Also @jdittrich raises a good point. For the foss-contributors-checklist it's purely aesthetic, and that particular project might be better served by using nounproject SVGs. But as something to use across all of our sites that follows a standardized theme?

[RichardLitt]

I believe this can be closed. We're using FA on the site, currently. Reopen if I am mistaken.