Inserting icons into our code was traditionally a time-consuming process, where we were expected to create individual images via Photoshop and implement using <img>
tag. Font Awesome's innovative approach allows us to use vector-based icons as if they were part of a typeface.
The website's "Get Started" page offers a copy-and-paste entry. Be sure to use the "free" version:
After successfully implementing the <link>
tag (or <script>
, based on your selection) based on the provided instructions, it is as simple as searching for an icon and copying the generated code:
Note that there is a HTML snippet that you can copy and paste into your microsite. You can also treat them as individual text characters and apply various text-specific CSS rules:
https://drive.google.com/open?id=1xwZYwV34nrUfsFerO0Enhbthgr4BgMdI