Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Daniel Segura
4,139 Pointssvg files or icon fonts like font-awesome.css?
Hi, for icons in a website is better work with svg files or icon fonts like font-awesome.css?
1 Answer
Allison Fredrickson
19,318 PointsFYI, starting with Font Awesome version 5, they now offer the option to use the icons as SVGs as well as a traditional web font: https://fontawesome.com/start
Jason Neel
11,073 PointsJason Neel
11,073 PointsI think it's pretty much standard advice today to recommend SVG icons over icon fonts. There are situations where icon fonts can't be displayed properly, whether due to lack of browser support, or in situations where fonts need to swapped out by the user.
Chris Coyer did a nice rundown of the debate between the two on CSS-Tricks: https://css-tricks.com/icon-fonts-vs-svg/. And Seren Davies has done a presentation on the issues surrounding icon fonts and dyslexic users: http://www.sitepoint.com/final-nail-icon-fonts-coffin/.