{"id":175,"date":"2019-12-26T18:18:49","date_gmt":"2019-12-26T10:18:49","guid":{"rendered":"https:\/\/miawy.com\/?p=175"},"modified":"2025-03-30T14:45:55","modified_gmt":"2025-03-30T06:45:55","slug":"how-to-use-fontello","status":"publish","type":"post","link":"https:\/\/home.miawy.com\/?p=175","title":{"rendered":"How To Use Fontello"},"content":{"rendered":"\n<p class=\"has-drop-cap\">Fontello provides lots of free icons. We can use it into our website. Next I will show you how to use it.<\/p>\n\n\n\n<p>Reference link: <a href=\"https:\/\/blog.csdn.net\/weixin_30768175\/article\/details\/96991204\">https:\/\/blog.csdn.net\/weixin_30768175\/article\/details\/96991204<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Get Files<\/h2>\n\n\n\n<p>Go to the <a rel=\"noreferrer noopener\" aria-label=\"Fontello.com (opens in a new tab)\" href=\"http:\/\/fontello.com\/\" target=\"_blank\">Fontello.com<\/a>. Select your favourite font. Then click red <strong>Download<\/strong> button on the top right of the site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Add It To Your Code<\/h2>\n\n\n\n<p>Unzip the file, then copy files from <strong>css<\/strong> and <strong>font<\/strong> file to your project.<\/p>\n\n\n\n<p>Also, there is <strong>demo.html<\/strong> in it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: HTML Code<\/h2>\n\n\n\n<p>Use it in html code:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;i class=\"demo-icon\">&amp;#xe804;&lt;\/i><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Last But Not Least&#8230;<\/h2>\n\n\n\n<p>To use multiple icon:<\/p>\n\n\n\n<p>Download them all at one time. Repeat steps above.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add Fontello to your website.<\/p>\n","protected":false},"author":1,"featured_media":266,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/home.miawy.com\/index.php?rest_route=\/wp\/v2\/posts\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/home.miawy.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/home.miawy.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/home.miawy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/home.miawy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=175"}],"version-history":[{"count":4,"href":"https:\/\/home.miawy.com\/index.php?rest_route=\/wp\/v2\/posts\/175\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/home.miawy.com\/index.php?rest_route=\/wp\/v2\/posts\/175\/revisions\/183"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/home.miawy.com\/index.php?rest_route=\/wp\/v2\/media\/266"}],"wp:attachment":[{"href":"https:\/\/home.miawy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/home.miawy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/home.miawy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}