WKU's site includes the Font Awesome iconic font set and can be used anywhere on your site. Use of these icons can add extra dimensions to the content on your page and make content more engaging. Below, we outline the steps needed to make use of these icons on your pages. To learn more about Font Awesome and what they are all about, you can take a look at their website http://fontawesome.io.
To use the following WKU-themed icons, you will need to include an additional class, fa-wku.
Additional non-WKU themed custom icons.
Start by placing your cursor where you'd like to insert the icon. Then open the the Insert/Edit Link dialog by either right-clicking anywhere in the WYSIWYG editor and choosing Insert/Edit Link from the pop-up menu, or clicking the Insert/Edit Link button ( ) from the toolbar.
From the Insert/Edit Link dialog, type # into the URL field, and something meaningful into the Text to display field; we suggest typing the Font Awesome name for the icon to be used. However, anything can be used, as it will not be seen unless editing the page content. Filling in these two fields (URL and Text to display) is important, as the WYSIWYG will strip out your code if they are left empty, and you will not see your Font Awesome icon displayed.
Additionally, select (custom) from the Class dropdown list. This should display an additional input field just below the Class dropdown list.
In the custom Class field, type your Font Awesome classes. In the example image we are wanting to use the Font Awesome bath icon, so the custom Class value we have entered is fa fa-bath. We got this code by visiting Font Awesome's site and copy and pasting the code example they give.
When done click the OK button. You should now see the Font Awesome icon you selected, followed by the text you specified in the Text to display field of the Insert/Edit Link dialog. If you were to save your page and preview it at this point, the Font Awesome icon will be shown in its fully rendered form.