{"id":7094,"date":"2020-05-22T21:21:23","date_gmt":"2020-05-22T16:21:23","guid":{"rendered":"https:\/\/ahmadawais.com\/?p=7094"},"modified":"2020-05-22T21:46:39","modified_gmt":"2020-05-22T16:46:39","slug":"google-fonts-load-faster","status":"publish","type":"post","link":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/","title":{"rendered":"Making Google Fonts Load ~20% Faster"},"content":{"rendered":"

I’ve always been obsessed with making websites performant. Many sites that I build use Google Fonts, which are already kind of fast and with the introduction of font-display: swap<\/a><\/code> it’s become asynchronous in nature.<\/p>\n

It’s like telling the browser that we are OK with the fact that the font loads right away which is unstyled. It’s what we call FOUT which means “Flash of Unstyled Text”<\/strong>. Now that when you load a website with Google fonts:<\/p>\n

    \n
  1. It loads the text right away, unstyled that is<\/li>\n
  2. Then when Google fonts are done downloading<\/li>\n
  3. The text styles are replaced with the Google font<\/li>\n<\/ol>\n

    But if you follow Harry Roberts<\/a> who’s a literal CSS Wizard, his experiments and research led to making Google Fonts even faster by ~20% to ~30%. Let me quote him:<\/p>\n

    If you\u2019re going to use font-display<\/code> for your Google Fonts then it makes sense to asynchronously load the whole request chain.<\/p><\/blockquote>\n<\/section>\n

    \n
    \n

    Making Google Fonts Fast#<\/a><\/h2>\n<\/div>\n<\/div>\n
    \n

    Let’s make Google fonts load faster by following Harry’s findings.<\/p>\n

    Step #0: Selecting a Google Font#<\/a><\/h3>\n

    Go to fonts.google.com<\/code> and select a font to be used by your site. Let’s say I selected the Montserrat font<\/a> with 400 and 700 weight for both regular and italic font styles. Google suggests the following embed URL.<\/p>\n

    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap\" rel=\"stylesheet\"><\/pre>\n
    Where the CSS URL looks like https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap<\/code> \u2014 let’s call this URL $CSS<\/code> for the sake of simplicity in the following examples. Notice that the $CSS<\/code> URL includes &display=swap<\/code> at the end.<\/p>\n
    Step #1: Preconnect with fonts’ origin#<\/a><\/h3>\n
    If you open the $CSS<\/code> URL above you’ll notice that the fonts are loaded from the origin that looks like https:\/\/fonts.gstatic.com<\/code> \u2014 we can preconnect<\/code> to this origin.<\/p>\n
    <!--  Preconnect to the fonts\u2019 origin. -->\r\n<link rel=\"preconnect\"\r\n      href=\"https:\/\/fonts.gstatic.com\"\r\n      crossorigin \/><\/pre>\n
    \u2705 Preconnecting to the fonts’ origin is a good idea. It led up to 1200ms loading time saved on the first web page load.<\/p>\n
    Step #2: Async CSS Fetch#<\/a><\/h3>\n
    You can use the Filament Group\u2019s simplest print media type trick<\/a>.<\/p>\n
    <link rel=\"stylesheet\"\r\n      href=\"$CSS&display=swap\"\r\n      media=\"print\" onload=\"this.media='all'\" \/><\/pre>\n
    Here we ask the browser to load the CSS asynchronously with the print<\/code> context but as soon as the CSS file is loaded we apply it to the all<\/code> context.<\/p>\n
    As a result in Harry’s research, the site’s First Paint is up by 1.6s to 1.7s. However, the first web font however was loaded 500ms slower due to the low priority. Sadly, the print<\/code> stylesheets are loaded with super low priority.<\/p>\n
    \u26a0\ufe0f While asynchronous CSS is an overall good idea we need to make the CSS loading a high priority.<\/p>\n
    Step #3: High-priority async CSS Fetch#<\/a><\/h3>\n
    In modern browsers, you can make the async CSS fetch high-priority by preloading<\/code> the $CSS<\/code> file.<\/p>\n
    <link rel=\"preload\"\r\n      as=\"style\"\r\n      href=\"$CSS\" \/><\/pre>\n
    Preloading a Google font turns out to be a great idea, Harry found out that the first web font load was 600ms faster than usual. Which means we can use preloading in combination with the print media trick. I’ll recommend using preload<\/code> trick first and then as a fallback we use the print<\/code> media trick mentioned in step #2.<\/p>\n
    \u2705 preload<\/code> a Google font is a great idea.<\/p>\n
    Step #4: Load CSS when JavaScript is disabled#<\/a><\/h3>\n
    For instances where a user has intentionally disabled JavaScript in their browser, we can use the <noscript><\/code> tag to load the original $CSS<\/code> as a fallback to everything.<\/p>\n
    <noscript>\r\n  <link rel=\"stylesheet\" href=\"$CSS&display=swap\" \/>\r\n<\/noscript><\/pre>\n
    Final Snippet#<\/a><\/h2>\n
    Finally we end up with the following snippet.<\/p>\n
    <!-- [STEP #1] -->\r\n<link rel=\"preconnect\"\r\n      href=\"https:\/\/fonts.gstatic.com\"\r\n      crossorigin \/>\r\n\r\n<!-- [STEP #3] -->\r\n<link rel=\"preload\"\r\n      as=\"style\"\r\n      href=\"$CSS&display=swap\" \/>\r\n\r\n<!-- [STEP #2] -->\r\n<link rel=\"stylesheet\"\r\n      href=\"$CSS&display=swap\"\r\n      media=\"print\" onload=\"this.media='all'\" \/>\r\n\r\n<!-- [STEP #4] -->\r\n<noscript>\r\n  <link rel=\"stylesheet\"\r\n        href=\"$CSS&display=swap\" \/>\r\n<\/noscript><\/pre>\n
    I most definitely recommend checking out the author’s research and finding here to gain up to 20% load performance improvement for Google fonts.<\/p>\n
    Direct Link \u2192<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
    Google fonts now use the display=swap property to make the CSS file load in async fashion. Gain ~20% faster page load by preconnecting and preloading Google fonts.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[215],"tags":[56,269],"class_list":["post-7094","post","type-post","status-publish","format-standard","hentry","category-web","tag-css","tag-google-fonts"],"yoast_head":"\nMaking Google Fonts Load ~20% Faster<\/title>\n<meta name=\"description\" content=\"Google fonts now use the display=swap property to make the CSS file load in async fashion. Gain ~20% faster page load by preconnecting and preloading Google 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:\/\/ahmadawais.com\/google-fonts-load-faster\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Making Google Fonts Load ~20% Faster\" \/>\n<meta property=\"og:description\" content=\"Google fonts now use the display=swap property to make the CSS file load in async fashion. Gain ~20% faster page load by preconnecting and preloading Google fonts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ahmadawais.com\/google-fonts-load-faster\/\" \/>\n<meta property=\"og:site_name\" content=\"Ahmad Awais\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/AhmadAwais\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/AhmadAwais\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-22T16:21:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-22T16:46:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2024\/08\/ahmad-awais.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ahmad Awais\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MrAhmadAwais\" \/>\n<meta name=\"twitter:site\" content=\"@MrAhmadAwais\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ahmad Awais\" \/>\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:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/\"},\"author\":{\"name\":\"Ahmad Awais\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"headline\":\"Making Google Fonts Load ~20% Faster\",\"datePublished\":\"2020-05-22T16:21:23+00:00\",\"dateModified\":\"2020-05-22T16:46:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/\"},\"wordCount\":562,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"keywords\":[\"CSS\",\"Google Fonts\"],\"articleSection\":[\"Web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/\",\"name\":\"Making Google Fonts Load ~20% Faster\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#website\"},\"datePublished\":\"2020-05-22T16:21:23+00:00\",\"dateModified\":\"2020-05-22T16:46:39+00:00\",\"description\":\"Google fonts now use the display=swap property to make the CSS file load in async fashion. Gain ~20% faster page load by preconnecting and preloading Google fonts.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/google-fonts-load-faster\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ahmadawais.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Making Google Fonts Load ~20% Faster\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#website\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/\",\"name\":\"Ahmad Awais\",\"description\":\"Founder & CEO of Command Code | Google Developers Advisory Board (gDAB) founding member\",\"publisher\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ahmadawais.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\",\"name\":\"Ahmad Awais\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"contentUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"width\":2299,\"height\":1705,\"caption\":\"Ahmad Awais\"},\"logo\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\"},\"description\":\"Founder & CEO of Command Code, the most used coding agent for open models. NASA Ingenuity Mars Helicopter open source contributor, 6\u00d7 GitHub Star, Google Developers Advisory Board founding member, and angel investor.\",\"sameAs\":[\"https:\\\/\\\/AhmadAwais.com\\\/\",\"https:\\\/\\\/facebook.com\\\/AhmadAwais\",\"https:\\\/\\\/instagram.com\\\/MrAhmadAwais\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/MrAhmadAwais\\\/\",\"https:\\\/\\\/x.com\\\/MrAhmadAwais\",\"https:\\\/\\\/youtube.com\\\/AhmadAwais\",\"https:\\\/\\\/github.com\\\/ahmadawais\",\"https:\\\/\\\/www.youtube.com\\\/AhmadAwais\",\"https:\\\/\\\/bsky.app\\\/profile\\\/ahmadawais.com\",\"https:\\\/\\\/commandcode.ai\"],\"jobTitle\":\"Founder & CEO\",\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Command Code\",\"url\":\"https:\\\/\\\/commandcode.ai\"},\"award\":[\"NASA Ingenuity Mars Helicopter open source contributor\",\"6\u00d7 GitHub Stars (one of the first 8 Gold Stars)\",\"#1 trending JavaScript developer on GitHub\",\"Best Speaker, AI Engineer World\u2019s Fair\",\"MIT Media Lab & Automattic Open Source Design Award\",\"MongoDB Innovation Award\",\"6\u00d7 Google Developer Expert\",\"6\u00d7 Microsoft MVP\"],\"memberOf\":[{\"@type\":\"Organization\",\"name\":\"Google Developers Advisory Board\"},{\"@type\":\"Organization\",\"name\":\"OpenAPI Initiative Business Governing Board, Linux Foundation\"},{\"@type\":\"Organization\",\"name\":\"SF DevNetwork AI\\\/ML Advisory Board\"}],\"alumniOf\":{\"@type\":\"CollegeOrUniversity\",\"name\":\"University of Engineering and Technology, Lahore\"},\"knowsAbout\":[\"AI coding agents\",\"Developer tools\",\"Open source\",\"Developer relations\",\"TypeScript\",\"Node.js\",\"CLI\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Making Google Fonts Load ~20% Faster","description":"Google fonts now use the display=swap property to make the CSS file load in async fashion. Gain ~20% faster page load by preconnecting and preloading Google 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:\/\/ahmadawais.com\/google-fonts-load-faster\/","og_locale":"en_US","og_type":"article","og_title":"Making Google Fonts Load ~20% Faster","og_description":"Google fonts now use the display=swap property to make the CSS file load in async fashion. Gain ~20% faster page load by preconnecting and preloading Google fonts.","og_url":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/","og_site_name":"Ahmad Awais","article_publisher":"https:\/\/facebook.com\/AhmadAwais","article_author":"https:\/\/facebook.com\/AhmadAwais","article_published_time":"2020-05-22T16:21:23+00:00","article_modified_time":"2020-05-22T16:46:39+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2024\/08\/ahmad-awais.jpg","type":"image\/jpeg"}],"author":"Ahmad Awais","twitter_card":"summary_large_image","twitter_creator":"@MrAhmadAwais","twitter_site":"@MrAhmadAwais","twitter_misc":{"Written by":"Ahmad Awais","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/#article","isPartOf":{"@id":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/"},"author":{"name":"Ahmad Awais","@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"headline":"Making Google Fonts Load ~20% Faster","datePublished":"2020-05-22T16:21:23+00:00","dateModified":"2020-05-22T16:46:39+00:00","mainEntityOfPage":{"@id":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/"},"wordCount":562,"commentCount":4,"publisher":{"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"keywords":["CSS","Google Fonts"],"articleSection":["Web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ahmadawais.com\/google-fonts-load-faster\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/","url":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/","name":"Making Google Fonts Load ~20% Faster","isPartOf":{"@id":"https:\/\/ahmadawais.com\/#website"},"datePublished":"2020-05-22T16:21:23+00:00","dateModified":"2020-05-22T16:46:39+00:00","description":"Google fonts now use the display=swap property to make the CSS file load in async fashion. Gain ~20% faster page load by preconnecting and preloading Google fonts.","breadcrumb":{"@id":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ahmadawais.com\/google-fonts-load-faster\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ahmadawais.com\/google-fonts-load-faster\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ahmadawais.com\/"},{"@type":"ListItem","position":2,"name":"Making Google Fonts Load ~20% Faster"}]},{"@type":"WebSite","@id":"https:\/\/ahmadawais.com\/#website","url":"https:\/\/ahmadawais.com\/","name":"Ahmad Awais","description":"Founder & CEO of Command Code | Google Developers Advisory Board (gDAB) founding member","publisher":{"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ahmadawais.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b","name":"Ahmad Awais","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","contentUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","width":2299,"height":1705,"caption":"Ahmad Awais"},"logo":{"@id":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg"},"description":"Founder & CEO of Command Code, the most used coding agent for open models. NASA Ingenuity Mars Helicopter open source contributor, 6\u00d7 GitHub Star, Google Developers Advisory Board founding member, and angel investor.","sameAs":["https:\/\/AhmadAwais.com\/","https:\/\/facebook.com\/AhmadAwais","https:\/\/instagram.com\/MrAhmadAwais\/","https:\/\/www.linkedin.com\/in\/MrAhmadAwais\/","https:\/\/x.com\/MrAhmadAwais","https:\/\/youtube.com\/AhmadAwais","https:\/\/github.com\/ahmadawais","https:\/\/www.youtube.com\/AhmadAwais","https:\/\/bsky.app\/profile\/ahmadawais.com","https:\/\/commandcode.ai"],"jobTitle":"Founder & CEO","worksFor":{"@type":"Organization","name":"Command Code","url":"https:\/\/commandcode.ai"},"award":["NASA Ingenuity Mars Helicopter open source contributor","6\u00d7 GitHub Stars (one of the first 8 Gold Stars)","#1 trending JavaScript developer on GitHub","Best Speaker, AI Engineer World\u2019s Fair","MIT Media Lab & Automattic Open Source Design Award","MongoDB Innovation Award","6\u00d7 Google Developer Expert","6\u00d7 Microsoft MVP"],"memberOf":[{"@type":"Organization","name":"Google Developers Advisory Board"},{"@type":"Organization","name":"OpenAPI Initiative Business Governing Board, Linux Foundation"},{"@type":"Organization","name":"SF DevNetwork AI\/ML Advisory Board"}],"alumniOf":{"@type":"CollegeOrUniversity","name":"University of Engineering and Technology, Lahore"},"knowsAbout":["AI coding agents","Developer tools","Open source","Developer relations","TypeScript","Node.js","CLI"]}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts\/7094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/comments?post=7094"}],"version-history":[{"count":0,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts\/7094\/revisions"}],"wp:attachment":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/media?parent=7094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/categories?post=7094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/tags?post=7094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}