O'Reilly logo

Bootstrap 4 Site Blueprints by Ian Whitley, David Cochran, Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using Font Awesome in your theme

In Chapter 5, Bootstrappin' Your Portfolio, you can read how to compile the Font Awesome CSS code into your local style sheet with Sass. You can also run Font Awesome from CDN, as described in Chapter 2, Creating Your Own Build Process with Gulp.

To run Font Awesome from CDN in your WordPress theme, you can enqueue the CDN URL. Edit and add the following line of PHP code to activate Font Awesome:

    //enqueues the external font awesome stylesheet 
    wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'); 

Building the social links with Font Awesome

The theme contains two blocks with social links; one fixed on the left side of the page and the other one in the footer. The ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required