TechLila Web Design and Development. Icon fonts are used to include certain standard icons in your website content. Here is a brief introduction to such fonts and where the Awesome font fits into a style that may still be in its infancy. When you design a website, images take up a lot of web space due to their file sizes.
svg - Add custom icons to font awesome - Stack Overflow
Join Stack Overflow to learn, share knowledge, and build your career. Connect and share knowledge within a single location that is structured and easy to search. I was working with font awesome icons but the problem is they have default font weight. Font-Awesome comes with just one font-weight variant. There is a new project to solve that problem not ready yet :. I know this is an old question, but hopefully my answer can help someone who wants a thinner circle when stacking two font awesome icons. I spent a lot of time and energy before I stumbled across this article which helped me in the right direction.
Join Stack Overflow to learn, share knowledge, and build your career. Connect and share knowledge within a single location that is structured and easy to search. According to W3school :. The content property is used with the :before and :after pseudo-elements, to insert generated content.
You place Font Awesome icons by using the prefix fa and the icon's name. Font Awesome is designed to be used with inline elements. Also note that if you change the font-size or color of the icon's container, the icon changes. Same things goes for shadow, and anything else that gets inherited using CSS.