{"id":6183,"date":"2013-06-27T02:26:04","date_gmt":"2013-06-27T07:26:04","guid":{"rendered":"https:\/\/www.hostgator.com\/blog\/?p=6183"},"modified":"2017-02-22T12:52:55","modified_gmt":"2017-02-22T17:52:55","slug":"a-guide-to-using-google-web-fonts","status":"publish","type":"post","link":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/","title":{"rendered":"Using Google Web Fonts: Your 10-Step Guide"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16135 size-full\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png\" alt=\"Using Google Web Fonts\" width=\"1200\" height=\"627\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png 1200w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts-300x157.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts-768x401.png 768w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts-1024x535.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p dir=\"ltr\">Not so long ago, standard monospaced fonts were the norm in computers. Then, a young Steve Jobs took a calligraphy class in college and eventually built a computer capable of housing endless font options.<\/p>\n<p dir=\"ltr\">The Internet was slower to catch-on with the digital font revolution. When was the last time you took notice of a font on a website? We&#8217;ve been staring at the same old standard fonts for so long that we neglect customizing how our content looks from the first typed letter.<\/p>\n<p dir=\"ltr\">If you&#8217;re ready to take the next step in customizing your web fonts, there are a few things to consider before taking the plunge.<\/p>\n<p dir=\"ltr\">First of all, just because web fonts can be creatively customized doesn&#8217;t always mean they should. Your body copy should be easily readable, which is what makes fonts like Helvetica or Arial so popular. Instead, employ creative and innovative fonts in your titles or headers to bring some personality to your copy.<\/p>\n<p dir=\"ltr\">Using a new web font also requires a little coding before you&#8217;re up and running. But don&#8217;t let digging into the backend of your site intimidate you. A tool like Google Fonts holds your hand throughout the process from font selection to instructions on inserting the code into your website.<\/p>\n<p dir=\"ltr\">And best of all, it&#8217;s free to use! \u00a0Here\u2019s how to get started:<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #1   Back-Up Your Website<\/h3>\n<p dir=\"ltr\">Before you touch your current fonts, back-up a copy of your website according to your local hosting provider&#8217;s instructions. You never know when you might hit a bump or a wrong key and need that latest version.<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #2   Getting Started<\/h3>\n<p dir=\"ltr\">To choose the font that\u2019s right for your site, visit<a href=\"http:\/\/www.google.com\/fonts\"> Google.com\/fonts<\/a> for a collection of 629 (and counting) font families.<\/p>\n<p dir=\"ltr\">Look at the top of the screen and locate the tabs reading &#8220;Word, Sentence, Paragraph and Poster.&#8221; Pick the option you want to see and type the text you the &#8220;Preview Text&#8221; field.<\/p>\n<p dir=\"ltr\">Next, pick a font size and start scrolling down to view your text in a wide variety of fonts. Each cell of text features a different font option ranging from Meriweather Sans to Caudex, making it easy to compare and choose your favorite.<\/p>\n<p>&nbsp;<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6186\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-1.png\" alt=\"google fonts 1\" width=\"610\" height=\"250\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-1.png 610w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-1-300x122.png 300w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Step #3   Filter Your Results<\/h3>\n<p dir=\"ltr\">The left-hand side of Google Fonts offers a &#8220;Filters&#8221; section. Click on the 'All Categories'\u009d drop-down and choose between serif, sans serif, display or handwriting and hit 'Okay'\u009d to see your new preview.<\/p>\n<p dir=\"ltr\">You can also select your font thickness, slant, width and script to customize your results to find the exact kind of typeface you&#8217;re looking for.<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #4   Build Your Google Web Font Collection<\/h3>\n<p dir=\"ltr\">Once you find the perfect font style, hit the blue &#8220;Add to Collection&#8221; button. You can also customize more font options and build up a collection of different options that are ready for use.<\/p>\n<p dir=\"ltr\">Just be careful about the number you select. Google will end up taking all the font collections you choose and giving you a code to insert into your site. Stick with one or two fonts or risk dragging down the speed of your site.<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #5   Review<\/h3>\n<p dir=\"ltr\">Now, look at the bottom of your screen. There, you\u2019ll see your Font Collection on the lower left-hand side.<\/p>\n<p dir=\"ltr\">Highlight the collection you want to see and click 'Review'\u009d to see your font in action.<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #6   Use Your New Font<\/h3>\n<p dir=\"ltr\">Once you&#8217;re ready to go, select your Font Collection and click on &#8220;Use&#8221; in the lower right-hand corner of your screen to read through the available options.<\/p>\n<p dir=\"ltr\">Be sure to check out Google\u2019s handy icon that displays your new font\u2019s estimated impact on page load times and the tip, &#8220;Using many font styles can slow down your webpage, so only select the font styles that you actually need on your webpage.&#8221;<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #7   Add to Website<\/h3>\n<p dir=\"ltr\">Ready to integrate your new Google Web Font into your website? Scroll about halfway down the page until you see the option for, &#8220;Add this code to your website.&#8221;<\/p>\n<p dir=\"ltr\">Stick to the standard option to copy and paste the code into the header of your site. Google Fonts will give you instructions to paste the code as the first element in the &lt;head&gt; of your HTML document. You\u2019ll also find instructions on how to import the code into your stylesheet or use JavaScript.<\/p>\n<p>&nbsp;<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6187\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-2.png\" alt=\"google fonts 2\" width=\"610\" height=\"254\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-2.png 610w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2013\/06\/google-fonts-2-300x124.png 300w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Step #8   Integrate the Fonts into Your CSS<\/h3>\n<p dir=\"ltr\">Don&#8217;t worry about how the fonts will look in different browsers. Google Fonts&#8217; API will go ahead and generate browser-specific CSS to use your new fonts. That said, you still need to add the font name to your CSS styles to make it all work.<\/p>\n<p dir=\"ltr\">Here&#8217;s an example CSS style that Google Fonts gives to keep you on track:<\/p>\n<p dir=\"ltr\">h1 { font-family: '\u02dcMetrophobic\u2019, Arial, serif; font-weight: 400; }<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #9   Test Your Site<\/h3>\n<p dir=\"ltr\">Hit 'Save'\u009d and preview your site. If you&#8217;re not seeing anything different, try opening a different browser or clearing your cookies first. You might be staring at a cached copy of your site.<\/p>\n<p>&nbsp;<\/p>\n<h3>Step #10   Take a Short Cut<\/h3>\n<p dir=\"ltr\">If you&#8217;re using a <a href=\"https:\/\/www.hostgator.com\/blog\/2013\/03\/05\/top-10-reasons-to-power-your-website-with-wordpress\/\">WordPress template for your website<\/a>, consider taking a quick and easy short cut. Download the<a href=\"http:\/\/wordpress.org\/plugins\/wp-google-fonts\/\"> Google Web Fonts plugin<\/a> and directly customize your font options from within your WordPress dashboard.<\/p>\n<p dir=\"ltr\">Google Fonts regularly adds new options to its library, so keep checking back if you&#8217;re looking for a specific style. But don&#8217;t worry about missing out if you&#8217;re using the WordPress plugin. It will tell you when an update is available, unleashing a whole new world of fonts at your fingertips.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Not so long ago, standard monospaced fonts were the norm in computers. Then, a young Steve Jobs took a calligraphy&#8230;<\/p>\n","protected":false},"author":124,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-6183","post","type-post","status-publish","format-standard","hentry","category-web-and-hosting-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.2 (Yoast SEO v23.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using Google Web Fonts: Your 10-Step Guide - HostGator<\/title>\n<meta name=\"description\" content=\"Google Fonts holds your hand throughout the process from font selection to instructions on inserting the code into your website. And best of all, it&#039;s free!\" \/>\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.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Google Web Fonts: Your 10-Step Guide\" \/>\n<meta property=\"og:description\" content=\"Google Fonts holds your hand throughout the process from font selection to instructions on inserting the code into your website. And best of all, it&#039;s free!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/\" \/>\n<meta property=\"og:site_name\" content=\"HostGator\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostGator\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-27T07:26:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-22T17:52:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png\" \/>\n<meta name=\"author\" content=\"Taylor Hawes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@HostGator\" \/>\n<meta name=\"twitter:site\" content=\"@HostGator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Taylor Hawes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/\"},\"author\":{\"name\":\"Taylor Hawes\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/0519034239a8d6785a8238586f2f2754\"},\"headline\":\"Using Google Web Fonts: Your 10-Step Guide\",\"datePublished\":\"2013-06-27T07:26:04+00:00\",\"dateModified\":\"2017-02-22T17:52:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/\"},\"wordCount\":953,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png\",\"articleSection\":[\"Web Hosting Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/\",\"name\":\"Using Google Web Fonts: Your 10-Step Guide - HostGator\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png\",\"datePublished\":\"2013-06-27T07:26:04+00:00\",\"dateModified\":\"2017-02-22T17:52:55+00:00\",\"description\":\"Google Fonts holds your hand throughout the process from font selection to instructions on inserting the code into your website. And best of all, it's free!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png\",\"width\":1200,\"height\":627,\"caption\":\"Using Google Web Fonts\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostgator.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Google Web Fonts: Your 10-Step Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"name\":\"HostGtaor\",\"description\":\"Web Hosting and Marketing Tips for Entrepreneurs\",\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\",\"name\":\"HostGtaor\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"width\":1092,\"height\":215,\"caption\":\"HostGtaor\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/HostGator\",\"https:\/\/x.com\/HostGator\",\"https:\/\/www.instagram.com\/hostgator\",\"https:\/\/www.linkedin.com\/company\/hostgator-com\",\"https:\/\/www.pinterest.com\/hostgator\/\",\"https:\/\/www.youtube.com\/user\/hostgator\"],\"email\":\"support@gator.com\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/0519034239a8d6785a8238586f2f2754\",\"name\":\"Taylor Hawes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/621bb8fba21c42d3c9e6100fa1c1a505?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/621bb8fba21c42d3c9e6100fa1c1a505?s=96&d=mm&r=g\",\"caption\":\"Taylor Hawes\"},\"url\":\"https:\/\/www.hostgator.com\/blog\/author\/singlegrain\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Using Google Web Fonts: Your 10-Step Guide - HostGator","description":"Google Fonts holds your hand throughout the process from font selection to instructions on inserting the code into your website. And best of all, it's free!","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.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/","og_locale":"en_US","og_type":"article","og_title":"Using Google Web Fonts: Your 10-Step Guide","og_description":"Google Fonts holds your hand throughout the process from font selection to instructions on inserting the code into your website. And best of all, it's free!","og_url":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/","og_site_name":"HostGator","article_publisher":"https:\/\/www.facebook.com\/HostGator","article_published_time":"2013-06-27T07:26:04+00:00","article_modified_time":"2017-02-22T17:52:55+00:00","og_image":[{"url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png"}],"author":"Taylor Hawes","twitter_card":"summary_large_image","twitter_creator":"@HostGator","twitter_site":"@HostGator","twitter_misc":{"Written by":"Taylor Hawes","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#article","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/"},"author":{"name":"Taylor Hawes","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/0519034239a8d6785a8238586f2f2754"},"headline":"Using Google Web Fonts: Your 10-Step Guide","datePublished":"2013-06-27T07:26:04+00:00","dateModified":"2017-02-22T17:52:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/"},"wordCount":953,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png","articleSection":["Web Hosting Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/","url":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/","name":"Using Google Web Fonts: Your 10-Step Guide - HostGator","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png","datePublished":"2013-06-27T07:26:04+00:00","dateModified":"2017-02-22T17:52:55+00:00","description":"Google Fonts holds your hand throughout the process from font selection to instructions on inserting the code into your website. And best of all, it's free!","breadcrumb":{"@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#primaryimage","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/02\/Using-Google-Web-Fonts.png","width":1200,"height":627,"caption":"Using Google Web Fonts"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostgator.com\/blog\/a-guide-to-using-google-web-fonts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostgator.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Using Google Web Fonts: Your 10-Step Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.hostgator.com\/blog\/#website","url":"https:\/\/www.hostgator.com\/blog\/","name":"HostGtaor","description":"Web Hosting and Marketing Tips for Entrepreneurs","publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hostgator.com\/blog\/#organization","name":"HostGtaor","url":"https:\/\/www.hostgator.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","width":1092,"height":215,"caption":"HostGtaor"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HostGator","https:\/\/x.com\/HostGator","https:\/\/www.instagram.com\/hostgator","https:\/\/www.linkedin.com\/company\/hostgator-com","https:\/\/www.pinterest.com\/hostgator\/","https:\/\/www.youtube.com\/user\/hostgator"],"email":"support@gator.com"},{"@type":"Person","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/0519034239a8d6785a8238586f2f2754","name":"Taylor Hawes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/621bb8fba21c42d3c9e6100fa1c1a505?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/621bb8fba21c42d3c9e6100fa1c1a505?s=96&d=mm&r=g","caption":"Taylor Hawes"},"url":"https:\/\/www.hostgator.com\/blog\/author\/singlegrain\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/6183"}],"collection":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/users\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/comments?post=6183"}],"version-history":[{"count":11,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/6183\/revisions"}],"predecessor-version":[{"id":16136,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/6183\/revisions\/16136"}],"wp:attachment":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media?parent=6183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/categories?post=6183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/tags?post=6183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}