Font awesome
?Download as PPTX, PDF?
0 likes?260 views
- Font Awesome is an icon library started in 2012 that provides scalable vector icons that can be customized. The latest version is 5.0.10 released on March 27, 2018. - To use the icons, add a link to the Font Awesome CSS file in the <head> section of an HTML page. This will give access to all the icons. - Examples are provided of how to display icon elements in HTML and customize their size, color, and style.
Font awesome
- 1. Font Awesome By Carol Gann Version 4.7.0 Version 5.0.10 FontAwesome.com
- 2. About Font Awesome ● Font Awesome 4 was released on August 21, 2012; 5 years ago ● Made by Dave Gandy for use with Twitter Bootstrap ● Stable release: 5.0.9 / 27 March 2018; 15 days ago ● Scalable vector icons that can instantly be customized
- 3. FREE To use the Font Awesome icons, add the following line inside the <head> section of your HTML page: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384- +d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtw HO6Nlg" crossorigin="anonymous">
- 4. Getting Started Results <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/c ss/all.css" integrity="sha384- +d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/O vrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous"> </head> <body> <!--car icon in three different sizes --> <i class="fas fa-car"></i> <i class="fas fa-car" style="font-size:48px;"></i> <i class="fas fa-car" style="font- size:60px;color:red;"></i> </body> </html>
- 5. Car Icon
- 6. EXAMPLE <i class="fas fa-dollar-sign" style="color: #12b886;"></i>
- 7. OrlandoWebWizard.com - Carol Gann Contact Info ● Twitter = @@OrlandoWebWizrd ● Email - carol@wpartist ● Phone = (407) 243-8971 ● Facebook = @orlandowebwizard ● LinkedIn = carolgann https://fontawesome.com/icons?d=gallery
Editor's Notes
- #3: Font Awesome 5 was released on December 7, 2017 with 1,278 icons[3]. Version 5 comes in two packages: Font Awesome Free and the proprietary Font Awesome Pro (available for a fee). The free versions (all releases up to 4 and the free version for 5) are available under SIL Open Font License 1.1, Creative Commons Attribution 4.0, and MIT License. Scalable vector icons that can instantly be customized by size, color, drop shadow, and anything that can be done with the power of CSS.
- #5: 1. Copy & Insert this Code Place this code, which contains everything you need, within the <head> of each template or page that you want to use Font Awesome on. 2. Place icons in your UI's markup Start placing icons in your HTML's <body>. We recommend using a consistent HTML element, like <i>.
- #6: They have FREE and PRO. I’ve covering free CSS adding not the download as to website or PRO. Icons come in Solid and light.