{"id":2231,"date":"2024-08-14T11:02:02","date_gmt":"2024-08-14T10:02:02","guid":{"rendered":"https:\/\/roidesigns.co.uk\/?p=2231"},"modified":"2025-03-20T09:30:09","modified_gmt":"2025-03-20T09:30:09","slug":"google-fonts-and-how-they-work","status":"publish","type":"post","link":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/","title":{"rendered":"Google fonts and how they work."},"content":{"rendered":"<p><div  class='flex_column av-4auw5z-92522d6ce8d92455d2e7f5cf434c3c58 av_two_third  avia-builder-el-0  el_before_av_one_third  avia-builder-el-first  first flex_column_div  '     ><section  class='av_textblock_section av-lztqinr1-d5bb3e1f058f30badd4ac6001746ec66 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h1>What is \/ are Google fonts?<\/h1>\n<p><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Fonts<\/a> is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\">Google fonts librar<\/a>y also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.<\/p>\n<h2>Why use Google fonts?<\/h2>\n<p>Google Fonts makes it easy to bring personality and performance to your websites and products. The large Google fonts catalogue of open-source fonts and icons, makes it easy to integrate a wide variety of font face and icons seamlessly\u2014no matter where you are in the world.<\/p>\n<\/div><\/section><\/div><br \/>\n<div  class='flex_column av-38isiv-aae5169ac7937a7d80d6d12b4a272dbc av_one_third  avia-builder-el-2  el_after_av_two_third  el_before_av_textblock  flex_column_div  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-lztqjg9s-8d31ad1d1aaca966863568ca096aba9b\">\n.avia-image-container.av-lztqjg9s-8d31ad1d1aaca966863568ca096aba9b img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-lztqjg9s-8d31ad1d1aaca966863568ca096aba9b .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-lztqjg9s-8d31ad1d1aaca966863568ca096aba9b av-styling- avia-align-center  avia-builder-el-3  avia-builder-el-no-sibling '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-2232 avia-img-lazy-loading-not-2232 avia_image ' src=\"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/google-fonts-and-wordpress.jpg\" alt='Google Fonts and WordPress' title='Google Fonts and WordPress'  height=\"326\" width=\"600\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/google-fonts-and-wordpress.jpg 600w, https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/google-fonts-and-wordpress-300x163.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/div><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-lztqklbq-e35e8b2f151270a50b6e1fad04df8807 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>How do I use Google fonts?<\/h2>\n<p>Fortunately using <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\">Google fonts<\/a> in your website is very simple and most WordPress themes have the functionality within their customisation options for typography for you to select your preferred Google font. In most cases you can select more than one thus allowing you to have different font faces for your headings and paragraphs. If you are not using a template then you may want to consider using a plugin from the <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">WordPress plugin library<\/a>\u00a0such as the popular <a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener\">Easy Google Fonts<\/a> or \u00a0<a href=\"https:\/\/wordpress.org\/plugins\/olympus-google-fonts\/\" target=\"_blank\" rel=\"noopener\">Google Fonts Typography<\/a> plugins. You can also integrate Google Fonts with your WordPress site directly, by adding a couple of lines of code in the <em>functions.php<\/em> file but that is for us techies out there and probably not you.<\/p>\n<h2>What is the best way to choose a Google font?<\/h2>\n<p>We all have our own preferences but one thing that we would strongly recommend is that you avoid single-weight display faces as they have limited usefulness in real-world design\u00a0projects. Focus on choosing typeface families from reputable type designers and foundries that contain multiple weights and styles.<br \/>\n<strong>From previous projects we have found the following popular fonts;<\/strong><br \/>\n<a href=\"https:\/\/fonts.google.com\/specimen\/Roboto\" target=\"_blank\" rel=\"noopener\">Roboto<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Open+Sans\" target=\"_blank\" rel=\"noopener\">Open Sans<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Lato\" target=\"_blank\" rel=\"noopener\">Lato<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Slabo+27px\" target=\"_blank\" rel=\"noopener\">Slabo 27px<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Oswald\" target=\"_blank\" rel=\"noopener\">Oswald<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Roboto+Condensed\" target=\"_blank\" rel=\"noopener\">Roboto<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Source+Code+Pro?query=source+sans\" target=\"_blank\" rel=\"noopener\">Source Sans Pro<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Montserrat\" target=\"_blank\" rel=\"noopener\">Montserrat<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/Raleway\" target=\"_blank\" rel=\"noopener\">Raleway<\/a>, <a href=\"https:\/\/fonts.google.com\/specimen\/PT+Sans\" target=\"_blank\" rel=\"noopener\">PT Sans<\/a><\/p>\n<h2>How to pair your font and what goes well with what?<\/h2>\n<p>Google fonts are great but the fonts are even more effective when you get the right combination and balance. As said before, instead of using just one font throughout, you can use combinations of fonts and in most cases your theme will allow you to select more than one thus allowing you to have different font faces for your headings and paragraphs. The end font combination choice is really down to preference but fortunately there are tools that can help make the pairing selection easier. So I hear you ask, how can you find the right kind of pair?<br \/>\nWhen you are choosing a specimen of any font on <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Fonts<\/a> website, you get to see the various styles available and just below the styles, you will see \u201cPopular Pairings\u201d with your chosen specimen font. This will hopefully give you an idea about which font pairings are most popular for the specimen font you are viewing.<\/p>\n<\/div><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.<\/p>\n","protected":false},"author":1,"featured_media":35637,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_page_generator_pro_exclude":false,"_page_generator_pro_group":0,"_page_generator_pro_index":0,"cybocfi_hide_featured_image":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-useful-stuff"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"rod\"\/>\n\t<meta name=\"google-site-verification\" content=\"YdMWCx_ZThjj7W1R63nn0tWHxvro1GMuhrsDCzhvBLc\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_GB\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ROI Designs - Web designers in Brighton\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Google fonts and how they work. - ROI Designs\" \/>\n\t\t<meta property=\"og:description\" content=\"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/cropped-roi-favicon.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/cropped-roi-favicon.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-08-14T10:02:02+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-03-20T09:30:09+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RoiDesigns\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@roidesigns\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Google fonts and how they work. - ROI Designs\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@roidesigns\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/cropped-roi-favicon.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#blogposting\",\"name\":\"Google fonts and how they work. - ROI Designs\",\"headline\":\"Google fonts and how they work.\",\"author\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/author\\\/rod\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/google-fonts-and-wordpress.jpg\",\"width\":410,\"height\":332,\"caption\":\"Google Fonts and WordPress\"},\"datePublished\":\"2024-08-14T11:02:02+01:00\",\"dateModified\":\"2025-03-20T09:30:09+00:00\",\"inLanguage\":\"en-GB\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#webpage\"},\"articleSection\":\"Useful Stuff\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/roidesigns.co.uk\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/category\\\/useful-stuff\\\/#listItem\",\"name\":\"Useful Stuff\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/category\\\/useful-stuff\\\/#listItem\",\"position\":2,\"name\":\"Useful Stuff\",\"item\":\"https:\\\/\\\/roidesigns.co.uk\\\/category\\\/useful-stuff\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#listItem\",\"name\":\"Google fonts and how they work.\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#listItem\",\"position\":3,\"name\":\"Google fonts and how they work.\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/category\\\/useful-stuff\\\/#listItem\",\"name\":\"Useful Stuff\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/#organization\",\"name\":\"ROI Designs\",\"description\":\"Web designers in Brighton\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/\",\"telephone\":\"+441273311425\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/roi-designs-logo-1-e1654874289718.png\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#organizationLogo\",\"width\":90,\"height\":90,\"caption\":\"Web Designers in Brighton\"},\"image\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/RoiDesigns\\\/\",\"https:\\\/\\\/twitter.com\\\/roidesigns?lang=en-gb\",\"https:\\\/\\\/www.instagram.com\\\/roidesigns\\\/?hl=en\",\"https:\\\/\\\/www.pinterest.co.uk\\\/roidesignz\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/roi-designs---uk-web-designers\\\/?viewAsMember=true\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/author\\\/rod\\\/#author\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/author\\\/rod\\\/\",\"name\":\"rod\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#authorImage\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/wp-content\\\/litespeed\\\/avatar\\\/fcc42afdc28a9e71d19df6e879a668ab.jpg?ver=1784797343\",\"width\":96,\"height\":96,\"caption\":\"rod\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/rod-crothall-95a61a2a\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#webpage\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/\",\"name\":\"Google fonts and how they work. - ROI Designs\",\"description\":\"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/author\\\/rod\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/author\\\/rod\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/google-fonts-and-wordpress.jpg\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#mainImage\",\"width\":410,\"height\":332,\"caption\":\"Google Fonts and WordPress\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/google-fonts-and-how-they-work\\\/#mainImage\"},\"datePublished\":\"2024-08-14T11:02:02+01:00\",\"dateModified\":\"2025-03-20T09:30:09+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/#website\",\"url\":\"https:\\\/\\\/roidesigns.co.uk\\\/\",\"name\":\"ROI Designs\",\"description\":\"Web designers in Brighton\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/roidesigns.co.uk\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Google fonts and how they work. - ROI Designs","description":"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.","canonical_url":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"YdMWCx_ZThjj7W1R63nn0tWHxvro1GMuhrsDCzhvBLc","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#blogposting","name":"Google fonts and how they work. - ROI Designs","headline":"Google fonts and how they work.","author":{"@id":"https:\/\/roidesigns.co.uk\/author\/rod\/#author"},"publisher":{"@id":"https:\/\/roidesigns.co.uk\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/roidesigns.co.uk\/ififoams\/2024\/08\/google-fonts-and-wordpress.jpg","width":410,"height":332,"caption":"Google Fonts and WordPress"},"datePublished":"2024-08-14T11:02:02+01:00","dateModified":"2025-03-20T09:30:09+00:00","inLanguage":"en-GB","mainEntityOfPage":{"@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#webpage"},"isPartOf":{"@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#webpage"},"articleSection":"Useful Stuff"},{"@type":"BreadcrumbList","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/roidesigns.co.uk#listItem","position":1,"name":"Home","item":"https:\/\/roidesigns.co.uk","nextItem":{"@type":"ListItem","@id":"https:\/\/roidesigns.co.uk\/category\/useful-stuff\/#listItem","name":"Useful Stuff"}},{"@type":"ListItem","@id":"https:\/\/roidesigns.co.uk\/category\/useful-stuff\/#listItem","position":2,"name":"Useful Stuff","item":"https:\/\/roidesigns.co.uk\/category\/useful-stuff\/","nextItem":{"@type":"ListItem","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#listItem","name":"Google fonts and how they work."},"previousItem":{"@type":"ListItem","@id":"https:\/\/roidesigns.co.uk#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#listItem","position":3,"name":"Google fonts and how they work.","previousItem":{"@type":"ListItem","@id":"https:\/\/roidesigns.co.uk\/category\/useful-stuff\/#listItem","name":"Useful Stuff"}}]},{"@type":"Organization","@id":"https:\/\/roidesigns.co.uk\/#organization","name":"ROI Designs","description":"Web designers in Brighton","url":"https:\/\/roidesigns.co.uk\/","telephone":"+441273311425","logo":{"@type":"ImageObject","url":"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/roi-designs-logo-1-e1654874289718.png","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#organizationLogo","width":90,"height":90,"caption":"Web Designers in Brighton"},"image":{"@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/RoiDesigns\/","https:\/\/twitter.com\/roidesigns?lang=en-gb","https:\/\/www.instagram.com\/roidesigns\/?hl=en","https:\/\/www.pinterest.co.uk\/roidesignz\/","https:\/\/www.linkedin.com\/company\/roi-designs---uk-web-designers\/?viewAsMember=true"]},{"@type":"Person","@id":"https:\/\/roidesigns.co.uk\/author\/rod\/#author","url":"https:\/\/roidesigns.co.uk\/author\/rod\/","name":"rod","image":{"@type":"ImageObject","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#authorImage","url":"https:\/\/roidesigns.co.uk\/ujeltees\/litespeed\/avatar\/fcc42afdc28a9e71d19df6e879a668ab.jpg?ver=1784797343","width":96,"height":96,"caption":"rod"},"sameAs":["https:\/\/www.linkedin.com\/in\/rod-crothall-95a61a2a\/"]},{"@type":"WebPage","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#webpage","url":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/","name":"Google fonts and how they work. - ROI Designs","description":"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/roidesigns.co.uk\/#website"},"breadcrumb":{"@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#breadcrumblist"},"author":{"@id":"https:\/\/roidesigns.co.uk\/author\/rod\/#author"},"creator":{"@id":"https:\/\/roidesigns.co.uk\/author\/rod\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/roidesigns.co.uk\/ififoams\/2024\/08\/google-fonts-and-wordpress.jpg","@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#mainImage","width":410,"height":332,"caption":"Google Fonts and WordPress"},"primaryImageOfPage":{"@id":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/#mainImage"},"datePublished":"2024-08-14T11:02:02+01:00","dateModified":"2025-03-20T09:30:09+00:00"},{"@type":"WebSite","@id":"https:\/\/roidesigns.co.uk\/#website","url":"https:\/\/roidesigns.co.uk\/","name":"ROI Designs","description":"Web designers in Brighton","inLanguage":"en-GB","publisher":{"@id":"https:\/\/roidesigns.co.uk\/#organization"}}]},"og:locale":"en_GB","og:site_name":"ROI Designs - Web designers in Brighton","og:type":"article","og:title":"Google fonts and how they work. - ROI Designs","og:description":"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.","og:url":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/","og:image":"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/cropped-roi-favicon.png","og:image:secure_url":"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/cropped-roi-favicon.png","og:image:width":512,"og:image:height":512,"article:published_time":"2024-08-14T10:02:02+00:00","article:modified_time":"2025-03-20T09:30:09+00:00","article:publisher":"https:\/\/www.facebook.com\/RoiDesigns\/","twitter:card":"summary","twitter:site":"@roidesigns","twitter:title":"Google fonts and how they work. - ROI Designs","twitter:description":"Google Fonts is a free to use library of 1,334 font families and APIs for convenient use via CSS and Android. The Google fonts library also has wide range of icons for common actions and items. You are free to download them for use in your digital products for Android, iOS, and web.","twitter:creator":"@roidesigns","twitter:image":"https:\/\/roidesigns.co.uk\/ififoams\/2022\/06\/cropped-roi-favicon.png"},"aioseo_meta_data":{"post_id":"2231","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":{"id":"#aioseo-article-653288250b4c4","slug":"article","graphName":"Article","label":"Article","properties":{"type":"BlogPosting","name":"#post_title","headline":"#post_title","description":"#post_excerpt","image":"","keywords":"","author":{"name":"#author_name","url":"#author_url"},"dates":{"include":true,"datePublished":"","dateModified":""}}},"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"},\"blockGraphs\":[]}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":null,"created":"2022-06-11 08:52:40","updated":"2025-06-04 03:47:35","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/roidesigns.co.uk\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/roidesigns.co.uk\/category\/useful-stuff\/\" title=\"Useful Stuff\">Useful Stuff<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tGoogle fonts and how they work.\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/roidesigns.co.uk"},{"label":"Useful Stuff","link":"https:\/\/roidesigns.co.uk\/category\/useful-stuff\/"},{"label":"Google fonts and how they work.","link":"https:\/\/roidesigns.co.uk\/google-fonts-and-how-they-work\/"}],"_links":{"self":[{"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/posts\/2231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/comments?post=2231"}],"version-history":[{"count":5,"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/posts\/2231\/revisions"}],"predecessor-version":[{"id":42691,"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/posts\/2231\/revisions\/42691"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/media\/35637"}],"wp:attachment":[{"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/media?parent=2231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/categories?post=2231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/roidesigns.co.uk\/api-json123\/wp\/v2\/tags?post=2231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}