Inserting Font Awesome into OU Campus Pages

Issue/Question

How do I insert Font Awesome into my OU Campus page?

Environment

  • OU Campus

Resolution

Additional information about using Font Awesome in OU Campus as well as a link to the available Font Awesome codes can be found here.
  1. Navigate to the page where you would like to add the Font Awesome icon
  2. Place the cursor in the WYSIWYG editor where the icon will be added.
  3. Expand the Gadgets sidebar using the  Show Gadgets button.
  4. Click the  Icons - Font Awesome gadget to expand it. 
    Note: If you do not see the gadget, you may need to add it to the sidebar. See this article for instructions. 
    Note: This gadget is only visible when editing a page. 
  5. When the gadget has loaded, search for an icon by name or keyword
  6. Click the icon to add it to the page. 
  7. In the modal configure the color, size, and add a meaning for the icon. 
    Note: You may leave the Icon Meaning field blank if the icon is purely decorative and does not represent text. 
  8. Click the  Insert Icon button to add the icon to the page. 

Details

Article ID: 3348
Created
Fri 7/19/19 9:50 AM
Modified
Wed 10/28/20 10:25 AM