Font Awesome

Font Awesome is already GDPR-friendly installed locally and ready to use.

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]

Filters

Filter go to child’s functions.php.

Disable fa-width-auto

Bootscore uses fa-width-auto class on body to reduce the left/right padding on icons and make buttons narrower. Use a filter to disable it and restore default FA settings.

/**
 * Disable fa-width-auto
 */
add_filter( 'bootscore/class/fa_width_auto', '__return_false' );

For single icons, use class fa-width-fixed within the icon code as described in the FA canvas docs.


<i class="fa-regular fa-house"></i> <i class="fa-solid fa-inbox"></i>
<i class="fa-regular fa-house fa-width-fixed"></i> <i class="fa-solid fa-inbox fa-width-fixed"></i>

Disable Font Awesome

Disable Font Awesome entirely. Follow this discussion on how to use another icon font library or using svg icons instead.

/**
 * Disable Font Awesome
 */
add_filter('bootscore/load_fontawesome', '__return_false');