My legacy CSS file was a mess and I preferred not to touch it, so I cheated by doing this - please don't tell anyone :) Īlso to note, when I upgraded from Font Awesome version 4.7.0 to version 5.4. Unicode: f083Created: v1. Camera-Retroicon has 1 icon style i.e.,solid. And we need to add corresponding font awesome icon style for the Camera-Retroicon. However I had really exhausted all my options so I checked the Computed Styles and saw clearly that the Font Awesome font was definitely not being used. To display Camera-Retrofont awesome icon, add predefined class name i.e.,fa-camera-retro(with prefix fa-) to the itag. You can manage size of icon (fa fa camera retro) by using font-size css style. Whilst the implementation in Bootstrap is designed to be used with the element (Bootstrap v2), you may find yourself wanting to use these icons on other elements. Font Awesome camera retro Icon can be resized as per your need.Font Awesome is a web font containing all the icons from the Twitter Bootstrap framework, and now many more. I was expecting to see the font in strikeout if there was an issue. April 2017 Updated to Font-Awesome 4.7.0. However when I looked in Chrome DevTools it really looked like Font Awesome was loaded: I saw Daniel's answer (above) and because my legacy CSS file was huge (and years old) I suspected that was the issue. We needed a way to reference a particular style when an icon is called in markup. We also separated out brand icons into their own style/category for easier use. Then I tried to copy the HTML and CSS to some legacy pages and suddenly I saw empty square boxes instead of the icons. We introduced a solid, regular, and light style of every icon in Font Awesome. I successfully installed Font Awesome using their CDN and javascript include (as described on this page).
0 Comments
Leave a Reply. |