{"id":709,"date":"2025-07-17T23:14:55","date_gmt":"2025-07-17T23:14:55","guid":{"rendered":"https:\/\/blogarchive.utc.edu\/web-kb\/?p=709"},"modified":"2025-07-18T14:47:23","modified_gmt":"2025-07-18T14:47:23","slug":"font-awesome","status":"publish","type":"post","link":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/","title":{"rendered":"Font Awesome\u00a0"},"content":{"rendered":"\n

Using Font Awesome in your UTC content blocks.<\/h3>\n\n\n\n

Font Awesome is an Internet icon library and toolkit that is used by millions of designers, developers, and content creators. This application can allow you to add interesting graphical elements to your page without using images. The main blocks that utilize Font Awesome are the Text Block and the UTC Cards block.  <\/p>\n\n\n\n

Topics:
<\/em>Font Awesome UTC Text Blocks<\/a>
Font Awesome for UTC Cards<\/a>
Power C Icon in Font Awesome
<\/a><\/p>\n\n\n\n

\n\n\n\n

Font Awesome UTC Text Blocks  <\/h4>\n\n\n\n
    \n
  1. In your text block window, navigate to text block toolbar and select the \u201cIcons\u201d icon. This will open a menu for you to search and select icons within Font Awesome.  

    <\/li>\n\n\n\n
  2. After selecting your icon, select the green arrow and your icon will appear in your text box!\u00a0

    <\/li>\n<\/ol>\n\n\n\n
    \n\n\n\n

    Font Awesome for UTC Cards
    <\/h4>\n\n\n\n
      \n
    1. In the configure menu, navigate to the dropdown menu titled \u201cCard One Icon\u201d.  

      If you have image selected in the \u201cCard Image\u201d menu, the Font Awesome Icon will override the image. <\/em> 

      <\/li>\n\n\n\n
    2. Within the \u201cCard One Icon\u201d menu, you can choose the icon color, which if no changes are made to this option, then the default color of the icon will be black. 

      <\/li>\n\n\n\n
    3. Then, we have \u201cIcon fa-\u201d field, which is a search field for your desired icon. Font Awesome has over 26,000 icons to choose from, so this field will help you find the exact icon you are looking for. You could simply search the type of icon you are looking for by typing in a one word description. If the description is applicable, you\u2019ll see variations of options appear.\u00a0\u00a0

      If you don\u2019t see any icon options, you can check the Font Awesome database to find out what icons are available and their assigned labeled. To access this database\u00a0

      <\/li>\n<\/ol>\n\n\n\n
      \n\n\n\n

      Power C Icon in Font Awesome <\/h4>\n\n\n\n
        \n
      1. In the configure menu of your UTC Card, scroll down and select the \u201cCard One Icon\u201d menu.

        <\/li>\n\n\n\n
      2. Within the \u201cAdditional Font Awesome Settings\u201d section, navigate to the style option and select \u201cKit Uploads\u201d.

        <\/li>\n\n\n\n
      3. Now, go back to your \u201cIcon fa-\u201d field, and type \u201cutc-power-c\u201d.   
         
        This is the only description that will produce the Power C icon. Therefore, make sure you type it in exactly as instructed. Do not be alarmed if you notice that the search assistant isn\u2019t providing options for you. This is because Power C is a part of UTC\u2019s database, not Font Awesome\u2019s. 

        <\/li>\n\n\n\n
      4. After that, scroll down to the bottom of your page and select the \u201cAdd Block\u201d option. And there\u2019s our Power C! Please note that this icon is not available for the Duotone effect. The only colors available are blue, gold, black and white. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        Using Font Awesome in your UTC content blocks. Font Awesome is an Internet icon library and toolkit that is used by millions of designers, developers, and content creators. This application can allow you to add interesting graphical elements to your page without using images. The main blocks that utilize Font Awesome are the Text Block… <\/p>\n

        Continue Reading <\/span><\/a><\/span><\/p>\n","protected":false},"author":2040,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[3],"tags":[14],"class_list":{"0":"post-709","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-drupal","7":"tag-drupal-content-blocks","8":"entry"},"yoast_head":"\nFont Awesome\u00a0 - UTC Website Knowledge Base Archive<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Font Awesome\u00a0 - UTC Website Knowledge Base Archive\" \/>\n<meta property=\"og:description\" content=\"Using Font Awesome in your UTC content blocks. Font Awesome is an Internet icon library and toolkit that is used by millions of designers, developers, and content creators. This application can allow you to add interesting graphical elements to your page without using images. The main blocks that utilize Font Awesome are the Text Block… Continue Reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/\" \/>\n<meta property=\"og:site_name\" content=\"UTC Website Knowledge Base Archive\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-17T23:14:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-18T14:47:23+00:00\" \/>\n<meta name=\"author\" content=\"Kailey Agoo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kailey Agoo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/\",\"name\":\"Font Awesome\u00a0 - UTC Website Knowledge Base Archive\",\"isPartOf\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#website\"},\"datePublished\":\"2025-07-17T23:14:55+00:00\",\"dateModified\":\"2025-07-18T14:47:23+00:00\",\"author\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3\"},\"breadcrumb\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogarchive.utc.edu\/web-kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Font Awesome\u00a0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#website\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/\",\"name\":\"UTC Website Knowledge Base Archive\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogarchive.utc.edu\/web-kb\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3\",\"name\":\"Kailey Agoo\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/author\/jzc491\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Font Awesome\u00a0 - UTC Website Knowledge Base Archive","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/","og_locale":"en_US","og_type":"article","og_title":"Font Awesome\u00a0 - UTC Website Knowledge Base Archive","og_description":"Using Font Awesome in your UTC content blocks. Font Awesome is an Internet icon library and toolkit that is used by millions of designers, developers, and content creators. This application can allow you to add interesting graphical elements to your page without using images. The main blocks that utilize Font Awesome are the Text Block… Continue Reading","og_url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/","og_site_name":"UTC Website Knowledge Base Archive","article_published_time":"2025-07-17T23:14:55+00:00","article_modified_time":"2025-07-18T14:47:23+00:00","author":"Kailey Agoo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kailey Agoo","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/","name":"Font Awesome\u00a0 - UTC Website Knowledge Base Archive","isPartOf":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#website"},"datePublished":"2025-07-17T23:14:55+00:00","dateModified":"2025-07-18T14:47:23+00:00","author":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3"},"breadcrumb":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/font-awesome\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogarchive.utc.edu\/web-kb\/"},{"@type":"ListItem","position":2,"name":"Font Awesome\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#website","url":"https:\/\/blogarchive.utc.edu\/web-kb\/","name":"UTC Website Knowledge Base Archive","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogarchive.utc.edu\/web-kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3","name":"Kailey Agoo","url":"https:\/\/blogarchive.utc.edu\/web-kb\/author\/jzc491\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/users\/2040"}],"replies":[{"embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/comments?post=709"}],"version-history":[{"count":17,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/709\/revisions"}],"predecessor-version":[{"id":947,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/709\/revisions\/947"}],"wp:attachment":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/media?parent=709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/categories?post=709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/tags?post=709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}