![]() The lg tag will increase the size by 33% over the existing size. ![]() It’s also possible to use the fa-xs (extra small), fa-sm (small), and fa-lg (large): It is pretty simple to change color of icon Camera retro just add style'color:red' it will make font color red. So if it’s 12pt, and you add fa-2x, it will become 24pt. You can customize Font Awesome Icon camera retro Icon Camera retro as per your requirement, suppose that you need to chnage the color of Camera retro icon or change the size of size. In technical language, it’s relative to the size of it’s “container” – which basically means the existing size of text on the page at that location. ![]() Note that using this technique will mean the normal size is the same as the existing font on your page. 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 is a web font containing all the icons from the Twitter Bootstrap framework, and now many more. Well, let’s look at the following and see what they look like: April 2017 Updated to Font-Awesome 4.7.0. So we just added the 3x statement so we could see what we are doing right from the start. fa-camera-retro: Font Awesome Icons Version 4. Unicode: f083Created: v1. Here is the same icon but without a size increase: That’s basically because it made the Font Awesome characters 3 times their normal size, and so far easier to see in these posts. If you have been trying out the examples from previous posts, you may notice that I haven’t really explained the size statement? We just sort of had the size in there all along, using that simple fa-3x value. In MDL-76989 the Font Awesome library has been upgraded from 4.7 to 6.3. In this post, we will be looking at how to size Font Awesome characters. ![]() In part three of this series we looked at how to add colours to Font Awesome. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |