{"id":1680,"date":"2015-08-31T14:36:01","date_gmt":"2015-08-31T19:36:01","guid":{"rendered":"http:\/\/cssnewbie.com\/?p=1680"},"modified":"2015-08-31T14:36:01","modified_gmt":"2015-08-31T19:36:01","slug":"best18googlefonts","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/best18googlefonts\/","title":{"rendered":"The 18 best Google Fonts to use with CSS"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Google fonts are an excellent way to add character to a site. Most of them fit well with modern websites, and they don\u2019t increase page load times too much. Even though google doesn\u2019t have every single font available, they still have a ton of them. There are so many that it is really hard to determine which one is the perfect fit for a website, so here are the best 18 choices to help narrow it down.<\/span><\/p>\n<p><strong><strong>\u00a0<\/strong><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">1) Montserrat<\/span><\/p>\n<p><a href=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2015\/08\/rect2985.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1681\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect2985-300x114.png\" alt=\"rect2985\" width=\"300\" height=\"114\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">2) Arvo<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1685\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3801-300x114.png\" alt=\"rect3801\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">3) Nixie One<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1683\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect2988-300x114.png\" alt=\"rect2988\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">4) Questrial<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1682\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect2994-300x114.png\" alt=\"rect2994\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">5) Oleo Script<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1686\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3000-300x114.png\" alt=\"rect3000\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">6) Montserrat Alternates<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1684\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3006-300x114.png\" alt=\"rect3006\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">7) Lobster<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1689\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3014-300x114.png\" alt=\"rect3014\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">8) Comfortaa<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1695\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3028-300x114.png\" alt=\"rect3028\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">9) Roboto<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1691\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3036-300x114.png\" alt=\"rect3036\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">10) Open Sans<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1696\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3042-300x114.png\" alt=\"rect3042\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">11) Patua One<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1693\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3060-300x114.png\" alt=\"rect3060\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">12) Grand Hotel<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1687\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3029-300x114.png\" alt=\"rect3029\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">13) Shanti<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1698\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3047-300x114.png\" alt=\"rect3047\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">14) Gafata<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1694\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3055-300x114.png\" alt=\"rect3055\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">15) Sarala<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1690\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3061-300x114.png\" alt=\"rect3061\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">16) Poppins<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1688\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3067-300x114.png\" alt=\"rect3067\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">17) Lato<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1692\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3073-300x114.png\" alt=\"rect3073\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">18) Poiret One<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1697\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2015\/08\/rect3079-300x114.png\" alt=\"rect3079\" width=\"300\" height=\"114\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>All of the fonts can be found\u00a0<a href=\"https:\/\/www.google.com\/fonts\">here<\/a>.<\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Google fonts are an excellent way to add character to a site. Most of them fit well with modern websites, and they don\u2019t increase page load times too much. Even though google doesn\u2019t have every single font available, they still [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/best18googlefonts\/\" title=\"Click to read 'The 18 best Google Fonts to use with CSS'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":1681,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[171,179,192,193],"tags":[98,79,75,73,66,60,59],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1680"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=1680"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1680\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/1681"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=1680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=1680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=1680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}