Font Awesome on WordPress

Font Awesome, the iconic font and CSS toolkit

  1. Open the Custom CSS page (Dashboard > Appearance > Edit CSS)
  2. Edit as the example below
    • Specify the content by Unicode to change a icon (the highlighted chars in the image)
@import  "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";

/*
Welcome to Custom CSS!
To learn how this works, see http://wp.me/PEmnE-Bt
*/

.entry-content h3:before, .entry-content h4:before {
    font-family: FontAwesome;
    content: "\f0c8  ";
}

Author: @i05

A Tokyo based software developer, a grad student belongs to a security lab at JAIST, and a husband of my mrs.