Loading...

Documentation Theme

Font Awesome

Font Awesome 6 free is already GDPR-friendly installed locally and ready to use. Use the icons by pasting the <i>...</i> element into your HTML content.

Usage

<i class="fa-brands fa-facebook-square"></i>

Use with Bootstrap classes and components.

<i class="display-1 fa-brands fa-instagram text-danger"></i>
Follow me
<a class="btn btn-primary" href="#"><i class="fa-brands fa-twitter"></i> Follow me</a>
+
<a class="btn btn-warning btn-lg d-block" href="#"><i class="fa-brands fa-bootstrap"></i> + <i class="fa-brands fa-wordpress"></i></a>

Shortcode

Simply insert icons by shortcode to the body text.

Simply insert [bsfa fa-brands fa-font-awesome] icons by shortcode to the body text. [bsfa fa-solid fa-thumbs-up]

Disable Font Awesome

New in v6

Disable Font Awesome with a filter in child’s functions.php:

add_filter('bootscore/load_fontawesome', '__return_false');

5 Comments on “Font Awesome”

  • Trishah Woolley

    says:

    I would like to use Font Awesome Pro instead of the free version. What is the best way to do this?

    • Basti

      says:

      Hello Trishah,

      you can simply use CDN in your child-theme for Pro version fontawesome.com/v5.15/how-to-use/customizing-wordpress/snippets/setup-cdn-webfont

  • TREVOR MILLS

    says:

    Thank you for this plugin. It saved me today. About the only thing that didn’t work was trying to do a font awesome icon `fa-envelope`. The style is there, but the glyph doesn’t show.

    “`

    “`

    is it a limited set shipped?

    • TREVOR MILLS

      says:

      My previous comment is being moderated. I typed in a markdown style comment for HTML code and it didn’t get through, but stranger than that, a random string that I didn’t type “is it a limited set shipped?” got in.

      The code I tried to put was an icon element with `class=”fab fa-envelope”`

      • Basti

        says:

        Hi Trevor,

        markdowns doesn’t work here in comments. Fontawesome free is installed here. fab fa-envelope doesn’t exist, you have to use fas fa-envelope or far fa-envelope. https://fontawesome.com/v5.15/icons/envelope?style=solid

        <i class="fas fa-envelope"></i> <i class="far fa-envelope"></i>
        

Comments are closed.

To top