{"id":18948,"date":"2020-01-08T18:19:08","date_gmt":"2020-01-08T10:19:08","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18948"},"modified":"2022-08-10T17:10:44","modified_gmt":"2022-08-10T09:10:44","slug":"live-test-fonts-font-dragr","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/","title":{"rendered":"Live Test Fonts On Browser Easily With Font Dragr"},"content":{"rendered":"<p>The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time <a href=\"https:\/\/www.hongkiat.com\/blog\/typography-for-modern-websites\/\">finding good fonts pair<\/a> that will <a href=\"https:\/\/www.hongkiat.com\/blog\/typography-tools-resources\/\">suit their website\u2019s design<\/a>.<\/p>\n<p>We <strong>pick a font<\/strong>, then <strong>convert it to a Web-compatible format,<\/strong> and then <strong>add it into the style-rules<\/strong>. It\u2019s far from efficient, especially when you have to repeat the process multiple times with multiple fonts. Here is an alternative: <a href=\"https:\/\/fontdragr.js.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Font Dragr<\/a>.<\/p>\n<p><strong>Font Dragr<\/strong> offers a quick and easy way to test web fonts on browsers. Simply drag the font from your font collection onto the page, and the font on that page will automatically change to the chosen font. Let\u2019s check it out.<\/p>\n<p class=\"note\"><strong>Recommended Reading: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/showcase-web-design-beautiful-typography\/\">Showcase Of Web Designs With Beautiful Typography<\/a><\/p>\n<p><strong>Font Dragr<\/strong> is developed by <a href=\"https:\/\/ryanseddon.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Seddon<\/a> using the <code>@font-face<\/code> rule, HTML5 Drag-n-Drop API, and also offline access applicationCache, which allows us to use it without the Internet connection after an initial visit.<\/p>\n<p>It supports <strong>various font file types<\/strong> including TrueType (TTF), OpenType (OTF), <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/svg\/\">Scalable Vector Graphics<\/a> (SVG) and <a href=\"https:\/\/hacks.mozilla.org\/2009\/10\/woff\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Open Font Format (WOFF)<\/a>. Using Font Dragr, you can <strong>test fonts in two ways:<\/strong><\/p>\n<h3>1. The Default Method<\/h3>\n<p>Visit FontDragr, then drag n drop your font anywhere on the page. You will find two tabs: <strong>Editor<\/strong> and <strong>Gallery<\/strong> tab.<\/p>\n<p>The <a href=\"http:\/\/www.fontdragr.com\/editor\" target=\"_blank\" rel=\"noopener noreferrer\">Editor<\/a> tab will help you test out your fonts in terms of:<\/p>\n<ul>\n<li>Body Size Comparison<\/li>\n<li>Grayscale <\/li>\n<li>Font size<\/li>\n<li>Text sample<\/li>\n<li>Characters <\/li>\n<\/ul>\n<p>The text on the page is fully editable, so you can test any text you want.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-tab.jpg\" alt=\"font dragr editor tab\" width=\"740\" height=\"480\"><\/figure>\n<p>If you need some fonts to experiment on, you can grab any of the 9 listed in the <a href=\"https:\/\/fontdragr.js.org\/gallery\" target=\"_blank\" rel=\"noopener noreferrer\">Gallery<\/a> page to experiment with.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-gallery.jpg\" alt=\"font dragr editor\" width=\"740\" height=\"480\"><\/figure>\n<h3>2. Using the Bookmarklet<\/h3>\n<p>Alternatively, there is a bookmarklet to use. Just drag the bookmarklet to your bookmark bar, then click on it while on a web page you want to test. Let\u2019s demo this with hongkiat.com. The following screenshot is the site before we take action.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/hongkiat-demo-before.jpg\" alt=\"demo-before\" width=\"500\" height=\"320\"><\/figure>\n<p>After clicking the bookmarklet, a header will show up (see below). In the Selector textbox, you can specify the HTML elements you want to test your font on. The default selector is <code>p<\/code> tag, but you can test out <code>body<\/code>, <code>h1<\/code>, <code>h2<\/code> etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-header.jpg\" alt=\"font dragr header\" width=\"740\" height=\"480\"><\/figure>\n<p>Then, drag and drop your font to the FontDragr header.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-drag-n-drop.jpg\" alt=\"font dragr drag-drop\" width=\"740\" height=\"480\"><\/figure>\n<p>The text that is affected will automatically change to reflect the font you chose to test. In this shot below, the font that has changed is marked with the red box.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/hongkiat-demo-after.jpg\" alt=\"demo after\" width=\"740\" height=\"480\"><\/figure>\n<p>The bookmarklet, unfortunately, <strong>does not work on Facebook and all sites with HTTPS protocol<\/strong>. Plus, the header that shows up can only be hidden or removed if you reload the web page.<\/p>\n<p>In addition, the drag-and-drop feature seems to <strong>only work well in Firefox 3.6+ and Chrome.<\/strong><\/p>\n<h2>Wrap Up<\/h2>\n<p>If you ever used other similar <a href=\"https:\/\/www.hongkiat.com\/blog\/webfont-comparison\/\">webfont services<\/a> like <a href=\"http:\/\/fontfonter.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">FontFonter<\/a> and <a href=\"http:\/\/somadesign.ca\/projects\/fontfriend\/\" target=\"_blank\" rel=\"noopener noreferrer\">FontFriend<\/a>, you will probably find Font Dragr the most complete and easiest to use. But don\u2019t take our word for it, try it out and leave us a comment on how the app worked (or not) for you.<\/p>","protected":false},"excerpt":{"rendered":"<p>The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time finding good fonts pair that will suit their website\u2019s design. We pick a font, then convert it to a Web-compatible format, and then add it into the style-rules. It\u2019s&hellip;<\/p>\n","protected":false},"author":136,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[4526,894],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Live Test Fonts On Browser Easily With Font Dragr - Hongkiat<\/title>\n<meta name=\"description\" content=\"The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time finding good fonts\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Live Test Fonts On Browser Easily With Font Dragr\" \/>\n<meta property=\"og:description\" content=\"The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time finding good fonts\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-08T10:19:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-10T09:10:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-tab.jpg\" \/>\n<meta name=\"author\" content=\"Irfan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@IrfanFza\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Irfan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/\"},\"author\":{\"name\":\"Irfan\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/483b1092b8017f37d977331e91935d8c\"},\"headline\":\"Live Test Fonts On Browser Easily With Font Dragr\",\"datePublished\":\"2020-01-08T10:19:08+00:00\",\"dateModified\":\"2022-08-10T09:10:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/\"},\"wordCount\":508,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/live-test-fonts-font-dragr\\\/font-dragr-editor-tab.jpg\",\"keywords\":[\"Font Tools\",\"Fonts\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/\",\"name\":\"Live Test Fonts On Browser Easily With Font Dragr - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/live-test-fonts-font-dragr\\\/font-dragr-editor-tab.jpg\",\"datePublished\":\"2020-01-08T10:19:08+00:00\",\"dateModified\":\"2022-08-10T09:10:44+00:00\",\"description\":\"The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time finding good fonts\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/live-test-fonts-font-dragr\\\/font-dragr-editor-tab.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/live-test-fonts-font-dragr\\\/font-dragr-editor-tab.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/live-test-fonts-font-dragr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Live Test Fonts On Browser Easily With Font Dragr\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/483b1092b8017f37d977331e91935d8c\",\"name\":\"Irfan\",\"description\":\"Irfan is a writer for hongkiat.com and tech enthusiast all-around. He also appreciates much on minimalist and clean design. Movie and football lovers and enjoy to travel around in his free time.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/IrfanFza\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/irfan_fauzii\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Live Test Fonts On Browser Easily With Font Dragr - Hongkiat","description":"The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time finding good fonts","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:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/","og_locale":"en_US","og_type":"article","og_title":"Live Test Fonts On Browser Easily With Font Dragr","og_description":"The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time finding good fonts","og_url":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-01-08T10:19:08+00:00","article_modified_time":"2022-08-10T09:10:44+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-tab.jpg","type":"","width":"","height":""}],"author":"Irfan","twitter_card":"summary_large_image","twitter_creator":"@IrfanFza","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Irfan","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/"},"author":{"name":"Irfan","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/483b1092b8017f37d977331e91935d8c"},"headline":"Live Test Fonts On Browser Easily With Font Dragr","datePublished":"2020-01-08T10:19:08+00:00","dateModified":"2022-08-10T09:10:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/"},"wordCount":508,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-tab.jpg","keywords":["Font Tools","Fonts"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/","url":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/","name":"Live Test Fonts On Browser Easily With Font Dragr - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-tab.jpg","datePublished":"2020-01-08T10:19:08+00:00","dateModified":"2022-08-10T09:10:44+00:00","description":"The font used on the website affects to the reading experience of the users which is why web designers often spend a lot of their time finding good fonts","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-tab.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/live-test-fonts-font-dragr\/font-dragr-editor-tab.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/live-test-fonts-font-dragr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Live Test Fonts On Browser Easily With Font Dragr"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/483b1092b8017f37d977331e91935d8c","name":"Irfan","description":"Irfan is a writer for hongkiat.com and tech enthusiast all-around. He also appreciates much on minimalist and clean design. Movie and football lovers and enjoy to travel around in his free time.","sameAs":["https:\/\/x.com\/IrfanFza"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/irfan_fauzii\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4VC","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/136"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=18948"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18948\/revisions"}],"predecessor-version":[{"id":61567,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18948\/revisions\/61567"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18948"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}