{"id":13590,"date":"2019-08-09T12:49:06","date_gmt":"2019-08-09T12:49:06","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=13590"},"modified":"2019-08-30T09:40:25","modified_gmt":"2019-08-30T09:40:25","slug":"icons-not-loading-properly-when-going-through-google-amp-cdn","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/icons-not-loading-properly-when-going-through-google-amp-cdn\/","title":{"rendered":"Icons not loading properly when going through Google AMP CDN"},"content":{"rendered":"\n<p>If you are facing the issue of Icon not loading properly when using Google AMP CDN<\/p>\n\n\n\n<p>You need to switch the option of &#8220;<strong>Icon Font Library<\/strong>&#8221; to &#8220;<strong>Font Awesome Icons<\/strong>&#8221; By selecting this all your Icons will be displayed properly when going through Google AMP CDN for this follow below steps.<\/p>\n\n\n\n<p>You will find this option in the <strong>WordPress Dashboard<\/strong> -&gt; Navigate to <strong>AMP Option Panel<\/strong> -&gt; <strong>Design<\/strong> -&gt; <strong>Global<\/strong> -&gt; In &#8220;<strong>Icon Font Library<\/strong>&#8221; you need to select &#8220;<strong>Font Awesome Icons<\/strong>&#8221; option and then click on the &#8220;<strong>Save Changes<\/strong>&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"477\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29-1024x477.png\" alt=\"\" class=\"wp-image-13594\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29-1024x477.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29-768x358.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/29.png 1316w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"background-color: #ffdddd; border-left: 2px solid #f44336; padding:10px;\"><strong>Note:<\/strong> It seems to take as little as 7 days for a site to be crawled by Google.&nbsp; <br><\/p>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<p><\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If you are facing the issue of Icon not loading properly when using Google AMP CDN You need to switch the option of &#8220;Icon Font Library&#8221; to &#8220;Font Awesome Icons&#8221; By selecting this all your Icons will be displayed properly when going through Google AMP CDN for this follow below&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[1],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13590"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=13590"}],"version-history":[{"count":15,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13590\/revisions"}],"predecessor-version":[{"id":13997,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13590\/revisions\/13997"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=13590"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=13590"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=13590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}