{"id":979,"date":"2026-05-13T16:14:00","date_gmt":"2026-05-13T16:14:00","guid":{"rendered":"https:\/\/www.mtsu.edu\/style-guide\/?p=979"},"modified":"2026-10-23T22:47:11","modified_gmt":"2026-10-23T22:47:11","slug":"mtsu-font-awesome-icon-block","status":"publish","type":"post","link":"https:\/\/www.mtsu.edu\/web-training\/2026\/05\/13\/mtsu-font-awesome-icon-block\/","title":{"rendered":"MTSU Font Awesome Icon Block"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Custom Icon block allows you to add Font Awesome icons to your content for visual emphasis or branding purposes. It is useful for highlighting key information, supporting visual hierarchy, or adding recognizable iconography not available in core WordPress blocks.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-mtsublue-color has-alpha-channel-opacity has-mtsublue-background-color has-background is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility Best Practice<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ensure each icon includes an accessible label or accompanying text that clearly explains its purpose, as Font Awesome icons alone may not be meaningful to screen reader users.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-mtsublue-color has-alpha-channel-opacity has-mtsublue-background-color has-background is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">MTSU Font Awesome Icon Block Example<\/h2>\n\n\n\n<i class=\"wp-block-mtsu-blocks-icon-block has-accent-5-color has-text-color has-link-color fas fa-hippo wp-elements-1\" style=\"font-size:5em\"><\/i>\n","protected":false},"excerpt":{"rendered":"<p>The Custom Icon block allows you to add Font Awesome icons to your content for visual emphasis or branding purposes. It is useful for highlighting key information, supporting visual hierarchy, or adding recognizable iconography not available in core WordPress blocks.<\/p>\n","protected":false},"author":4,"featured_media":981,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[50,49,8],"class_list":["post-979","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blocks","tag-icon","tag-mtsu-blocks","tag-wordpress-blocks"],"_links":{"self":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts\/979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/comments?post=979"}],"version-history":[{"count":1,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts\/979\/revisions"}],"predecessor-version":[{"id":2186,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts\/979\/revisions\/2186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/media\/981"}],"wp:attachment":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/media?parent=979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/categories?post=979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/tags?post=979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}