{"id":18976,"date":"2013-12-16T16:29:42","date_gmt":"2013-12-16T14:29:42","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=18976"},"modified":"2013-12-16T16:30:35","modified_gmt":"2013-12-16T14:30:35","slug":"adding-awesome-font-icons-to-wordpress-menus","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/","title":{"rendered":"Adding Awesome Font Icons to WordPress menus"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p>WordPress Tavern lists <a href=\"http:\/\/www.wptavern.com\/how-to-add-font-awesome-icons-to-wordpress-menus\">step-by-step instructions<\/a> on how to add icons from the <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\">Awesome Font<\/a> to your WordPress menus and content. \u00a0It&#8217;s really simple and the result does look better. \u00a0Here is how my menu looks now:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"18977\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/main-menu-icons\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?fit=626%2C45&amp;ssl=1\" data-orig-size=\"626,45\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"main menu icons\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?fit=626%2C45&amp;ssl=1\" class=\"aligncenter size-medium wp-image-18977\" alt=\"main menu icons\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons-500x35.png?resize=500%2C35&#038;ssl=1\" width=\"500\" height=\"35\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?resize=500%2C35&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?resize=510%2C36&amp;ssl=1 510w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?w=626&amp;ssl=1 626w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>I don&#8217;t really need the icons in the content, but it&#8217;s good to know that it is possible. <i class=\"fa-thumb-up fa\"><\/i><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. \u00a0It&#8217;s really simple and the result does look better. \u00a0Here is how my menu looks now: I don&#8217;t really need the icons in the content, but it&#8217;s good to know that it is possible.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[1,62,1334,60],"tags":[341,68,1157,1330],"keyring_services":[],"class_list":["post-18976","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","category-wordpress","tag-fonts","tag-icons","tag-web-design","tag-web-development"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It&#039;s really simple and the result does look better. Here is how my menu looks now: I don&#039;t really need the icons in the content, but it&#039;s good to know that it is possible.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Leonid Mamchenkov\"\/>\n\t<meta name=\"google-site-verification\" content=\"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Leonid Mamchenkov - Life, universe, and everything else\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov\" \/>\n\t\t<meta property=\"og:description\" content=\"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It&#039;s really simple and the result does look better. Here is how my menu looks now: I don&#039;t really need the icons in the content, but it&#039;s good to know that it is possible.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2013-12-16T14:29:42+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2013-12-16T14:30:35+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MamchenkovBlog\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov\" \/>\n\t\t<meta name=\"twitter:description\" content=\"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It&#039;s really simple and the result does look better. Here is how my menu looks now: I don&#039;t really need the icons in the content, but it&#039;s good to know that it is possible.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#blogposting\",\"name\":\"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov\",\"headline\":\"Adding Awesome Font Icons to WordPress menus\",\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2013\\\/12\\\/main-menu-icons-500x35.png\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#articleImage\"},\"datePublished\":\"2013-12-16T16:29:42+02:00\",\"dateModified\":\"2013-12-16T16:30:35+02:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#webpage\"},\"articleSection\":\"All, Technology, Web work, WordPress, fonts, icons, web design, web development\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/wordpress\\\/#listItem\",\"name\":\"WordPress\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/wordpress\\\/#listItem\",\"position\":3,\"name\":\"WordPress\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/wordpress\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#listItem\",\"name\":\"Adding Awesome Font Icons to WordPress menus\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#listItem\",\"position\":4,\"name\":\"Adding Awesome Font Icons to WordPress menus\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/wordpress\\\/#listItem\",\"name\":\"WordPress\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#webpage\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/\",\"name\":\"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov\",\"description\":\"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It's really simple and the result does look better. Here is how my menu looks now: I don't really need the icons in the content, but it's good to know that it is possible.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2013\\\/12\\\/16\\\/adding-awesome-font-icons-to-wordpress-menus\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"datePublished\":\"2013-12-16T16:29:42+02:00\",\"dateModified\":\"2013-12-16T16:30:35+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/\",\"name\":\"Blog of Leonid Mamchenkov\",\"description\":\"Life, universe, and everything else\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov","description":"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It's really simple and the result does look better. Here is how my menu looks now: I don't really need the icons in the content, but it's good to know that it is possible.","canonical_url":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#blogposting","name":"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov","headline":"Adding Awesome Font Icons to WordPress menus","author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons-500x35.png","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#articleImage"},"datePublished":"2013-12-16T16:29:42+02:00","dateModified":"2013-12-16T16:30:35+02:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#webpage"},"isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#webpage"},"articleSection":"All, Technology, Web work, WordPress, fonts, icons, web design, web development"},{"@type":"BreadcrumbList","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/mamchenkov.net\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/wordpress\/#listItem","name":"WordPress"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/wordpress\/#listItem","position":3,"name":"WordPress","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/wordpress\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#listItem","name":"Adding Awesome Font Icons to WordPress menus"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#listItem","position":4,"name":"Adding Awesome Font Icons to WordPress menus","previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/wordpress\/#listItem","name":"WordPress"}}]},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/#person","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author","url":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"WebPage","@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#webpage","url":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/","name":"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov","description":"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It's really simple and the result does look better. Here is how my menu looks now: I don't really need the icons in the content, but it's good to know that it is possible.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/#breadcrumblist"},"author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"creator":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"datePublished":"2013-12-16T16:29:42+02:00","dateModified":"2013-12-16T16:30:35+02:00"},{"@type":"WebSite","@id":"https:\/\/mamchenkov.net\/wordpress\/#website","url":"https:\/\/mamchenkov.net\/wordpress\/","name":"Blog of Leonid Mamchenkov","description":"Life, universe, and everything else","inLanguage":"en-US","publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"}}]},"og:locale":"en_US","og:site_name":"Leonid Mamchenkov - Life, universe, and everything else","og:type":"article","og:title":"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov","og:description":"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It's really simple and the result does look better. Here is how my menu looks now: I don't really need the icons in the content, but it's good to know that it is possible.","og:url":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/","og:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:secure_url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:width":1024,"og:image:height":1024,"article:published_time":"2013-12-16T14:29:42+00:00","article:modified_time":"2013-12-16T14:30:35+00:00","article:publisher":"https:\/\/www.facebook.com\/MamchenkovBlog","twitter:card":"summary_large_image","twitter:site":"@mamchenkov","twitter:title":"Adding Awesome Font Icons to WordPress menus - Leonid Mamchenkov","twitter:description":"WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. It's really simple and the result does look better. Here is how my menu looks now: I don't really need the icons in the content, but it's good to know that it is possible.","twitter:creator":"@mamchenkov","twitter:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg"},"aioseo_meta_data":{"post_id":"18976","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-07-20 00:33:37","updated":"2026-01-15 09:56:03","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/wordpress\/\" title=\"WordPress\">WordPress<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAdding Awesome Font Icons to WordPress menus\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/mamchenkov.net\/wordpress"},{"label":"Technology","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/"},{"label":"WordPress","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/wordpress\/"},{"label":"Adding Awesome Font Icons to WordPress menus","link":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/"}],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":16803,"url":"https:\/\/mamchenkov.net\/wordpress\/2012\/10\/05\/pictonic-font-with-popular-logos-and-icons\/","url_meta":{"origin":18976,"position":0},"title":"Pictonic &#8211; font with popular logos and icons","author":"Leonid Mamchenkov","date":"October 5, 2012","format":"link","excerpt":"Pictonic - font with popular logos and icons","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2012\/10\/pictonic-sample-500x154.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28330,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/15\/nerd-fonts-iconic-font-aggregator-collection-and-patcher\/","url_meta":{"origin":18976,"position":1},"title":"Nerd Fonts &#8211; Iconic font aggregator, collection, and patcher","author":"Leonid Mamchenkov","date":"January 15, 2018","format":false,"excerpt":"Nerd Fonts is a collection of fonts for people who work with code snippets, command line, and text-based user interface applications.\u00a0 The fonts are also patched with additional popular icon sets like Font Awesome, Devicons, Octicons, and others.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/01\/custom-sankey-glyphs-combined-diagram-500x338.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23163,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/15\/evil-icons-lightweight-svg-icons-for-your-web-project\/","url_meta":{"origin":18976,"position":2},"title":"Evil Icons &#8211; lightweight SVG icons for your web project","author":"Leonid Mamchenkov","date":"December 15, 2014","format":"link","excerpt":"Evil Icons - lightweight SVG icons for your web project.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"evil icons","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/evil-icons-500x280.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18484,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/07\/08\/genericons-a-free-gpl-flexible-icon-font-for-blogs\/","url_meta":{"origin":18976,"position":3},"title":"Genericons\u2014 a free, GPL, flexible icon font for blogs!","author":"Leonid Mamchenkov","date":"July 8, 2013","format":"link","excerpt":"Genericons\u2014 a free, GPL, flexible icon font for blogs!","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"Genericons","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/07\/genericons-500x187.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27521,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/04\/17\/history-of-icons\/","url_meta":{"origin":18976,"position":4},"title":"History of Icons","author":"Leonid Mamchenkov","date":"April 17, 2017","format":false,"excerpt":"History of Icons looks at the evolution of icons used for desktop, mobile, and web. \u00a0There are plenty of nostalgia triggering screenshots from a variety of systems. \u00a0Given that nobody could ever afford having all of those systems, I'm sure you'll find interesting screens from computers you didn't have or\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/04\/history-of-icons-500x248.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23316,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/01\/14\/icono-pure-css-icons\/","url_meta":{"origin":18976,"position":5},"title":"icono &#8211; pure CSS icons","author":"Leonid Mamchenkov","date":"January 14, 2015","format":"link","excerpt":"icono - pure CSS icons","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/18976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=18976"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/18976\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=18976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=18976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=18976"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=18976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}