{"id":1316,"date":"2015-09-12T20:02:51","date_gmt":"2015-09-12T18:02:51","guid":{"rendered":"http:\/\/www.robinglauser.ch\/blog\/?p=1316"},"modified":"2015-09-13T13:07:16","modified_gmt":"2015-09-13T11:07:16","slug":"10-sites-that-will-help-you-paring-fonts-as-a-developer","status":"publish","type":"post","link":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/","title":{"rendered":"10 sites that will help you paring fonts as a developer"},"content":{"rendered":"

As developers we sometimes have a hard time using the right typography for our site. Because we don’t only are not professional typographers and also most of the time don’t have to do graphical stuff it is hard for us to pick the right fonts for the job.<\/p>\n

However the\u00a0font\u00a0combination can make or break the site and with a few little tips you can improve this quite easily.<\/p>\n

Sites with nice combinations of fonts<\/strong><\/p>\n

http:\/\/hellohappy.org\/beautiful-web-type\/<\/a><\/p>\n

http:\/\/femmebot.github.io\/google-type\/<\/a><\/p>\n

Sites that help you pair fonts with already chosen fonts<\/strong><\/p>\n

http:\/\/www.typegenius.com\/<\/a><\/p>\n

https:\/\/www.typewolf.com\/<\/a><\/p>\n

http:\/\/fontpair.co\/<\/a><\/p>\n

Site with lists of combinations of fonts<\/strong><\/p>\n

http:\/\/briangardner.com\/google-font-combinations\/<\/a><\/p>\n

http:\/\/designshack.net\/articles\/typography\/10-more-great-google-font-combinations-you-can-copy\/<\/a><\/p>\n

http:\/\/www.mrmcguire.com\/10-useful-google-font-combinations-for-your-next-site\/<\/a><\/p>\n

http:\/\/designshack.net\/articles\/css\/10-great-google-font-combinations-you-can-copy\/<\/a><\/p>\n

http:\/\/www.monkee-boy.com\/blog\/2013\/10\/10-more-awesome-google-webfont-combinations-to-try-today\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

As developers we sometimes have a hard time using the right typography for our site. Because we don’t only are not professional typographers and also most of the time don’t have to do graphical stuff it is hard for us to pick the right fonts for the job. However the\u00a0font\u00a0combination can make or break the site and with a few … Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":1324,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[45],"tags":[133,131,134,132],"class_list":["post-1316","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-combine","tag-fonts","tag-google-fonts","tag-webdevelopment"],"yoast_head":"\n10 sites that will help you paring fonts as a developer - Robin Glauser<\/title>\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.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 sites that will help you paring fonts as a developer - Robin Glauser\" \/>\n<meta property=\"og:description\" content=\"As developers we sometimes have a hard time using the right typography for our site. Because we don’t only are not professional typographers and also most of the time don’t have to do graphical stuff it is hard for us to pick the right fonts for the job. However the\u00a0font\u00a0combination can make or break the site and with a few ... Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"Robin Glauser\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-12T18:02:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-13T11:07:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/09\/fonts1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Robin Glauser\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@robinglauser\" \/>\n<meta name=\"twitter:site\" content=\"@robinglauser\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Robin Glauser\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/\"},\"author\":{\"name\":\"Robin Glauser\",\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/#\\\/schema\\\/person\\\/e1a94504a6ff5171fa13670932514b19\"},\"headline\":\"10 sites that will help you paring fonts as a developer\",\"datePublished\":\"2015-09-12T18:02:51+00:00\",\"dateModified\":\"2015-09-13T11:07:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/\"},\"wordCount\":152,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/#\\\/schema\\\/person\\\/e1a94504a6ff5171fa13670932514b19\"},\"image\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/fonts1.png\",\"keywords\":[\"combine\",\"fonts\",\"google fonts\",\"webdevelopment\"],\"articleSection\":[\"Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/\",\"url\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/\",\"name\":\"10 sites that will help you paring fonts as a developer - Robin Glauser\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/fonts1.png\",\"datePublished\":\"2015-09-12T18:02:51+00:00\",\"dateModified\":\"2015-09-13T11:07:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/fonts1.png\",\"contentUrl\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/fonts1.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/2015\\\/09\\\/12\\\/10-sites-that-will-help-you-paring-fonts-as-a-developer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 sites that will help you paring fonts as a developer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/\",\"name\":\"Robin Glauser\",\"description\":\"My Blog about Development, Design and my random thoughts.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/#\\\/schema\\\/person\\\/e1a94504a6ff5171fa13670932514b19\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/#\\\/schema\\\/person\\\/e1a94504a6ff5171fa13670932514b19\",\"name\":\"Robin Glauser\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/DSC_1244_small.jpg\",\"url\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/DSC_1244_small.jpg\",\"contentUrl\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/DSC_1244_small.jpg\",\"width\":800,\"height\":530,\"caption\":\"Robin Glauser\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/DSC_1244_small.jpg\"},\"description\":\"I'm a web developer.\",\"sameAs\":[\"https:\\\/\\\/www.robinglauser.ch\",\"https:\\\/\\\/www.instagram.com\\\/robinglauser\\\/\",\"https:\\\/\\\/x.com\\\/robinglauser\"],\"url\":\"https:\\\/\\\/www.robinglauser.ch\\\/blog\\\/author\\\/robin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 sites that will help you paring fonts as a developer - Robin Glauser","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.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/","og_locale":"en_US","og_type":"article","og_title":"10 sites that will help you paring fonts as a developer - Robin Glauser","og_description":"As developers we sometimes have a hard time using the right typography for our site. Because we don’t only are not professional typographers and also most of the time don’t have to do graphical stuff it is hard for us to pick the right fonts for the job. However the\u00a0font\u00a0combination can make or break the site and with a few ... Read More","og_url":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/","og_site_name":"Robin Glauser","article_published_time":"2015-09-12T18:02:51+00:00","article_modified_time":"2015-09-13T11:07:16+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/09\/fonts1.png","type":"image\/png"}],"author":"Robin Glauser","twitter_card":"summary_large_image","twitter_creator":"@robinglauser","twitter_site":"@robinglauser","twitter_misc":{"Written by":"Robin Glauser","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#article","isPartOf":{"@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/"},"author":{"name":"Robin Glauser","@id":"https:\/\/www.robinglauser.ch\/blog\/#\/schema\/person\/e1a94504a6ff5171fa13670932514b19"},"headline":"10 sites that will help you paring fonts as a developer","datePublished":"2015-09-12T18:02:51+00:00","dateModified":"2015-09-13T11:07:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/"},"wordCount":152,"commentCount":0,"publisher":{"@id":"https:\/\/www.robinglauser.ch\/blog\/#\/schema\/person\/e1a94504a6ff5171fa13670932514b19"},"image":{"@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/09\/fonts1.png","keywords":["combine","fonts","google fonts","webdevelopment"],"articleSection":["Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/","url":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/","name":"10 sites that will help you paring fonts as a developer - Robin Glauser","isPartOf":{"@id":"https:\/\/www.robinglauser.ch\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#primaryimage"},"image":{"@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/09\/fonts1.png","datePublished":"2015-09-12T18:02:51+00:00","dateModified":"2015-09-13T11:07:16+00:00","breadcrumb":{"@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#primaryimage","url":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/09\/fonts1.png","contentUrl":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/09\/fonts1.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/www.robinglauser.ch\/blog\/2015\/09\/12\/10-sites-that-will-help-you-paring-fonts-as-a-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.robinglauser.ch\/blog\/"},{"@type":"ListItem","position":2,"name":"10 sites that will help you paring fonts as a developer"}]},{"@type":"WebSite","@id":"https:\/\/www.robinglauser.ch\/blog\/#website","url":"https:\/\/www.robinglauser.ch\/blog\/","name":"Robin Glauser","description":"My Blog about Development, Design and my random thoughts.","publisher":{"@id":"https:\/\/www.robinglauser.ch\/blog\/#\/schema\/person\/e1a94504a6ff5171fa13670932514b19"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.robinglauser.ch\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.robinglauser.ch\/blog\/#\/schema\/person\/e1a94504a6ff5171fa13670932514b19","name":"Robin Glauser","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/10\/DSC_1244_small.jpg","url":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/10\/DSC_1244_small.jpg","contentUrl":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/10\/DSC_1244_small.jpg","width":800,"height":530,"caption":"Robin Glauser"},"logo":{"@id":"https:\/\/www.robinglauser.ch\/blog\/wp-content\/uploads\/2015\/10\/DSC_1244_small.jpg"},"description":"I'm a web developer.","sameAs":["https:\/\/www.robinglauser.ch","https:\/\/www.instagram.com\/robinglauser\/","https:\/\/x.com\/robinglauser"],"url":"https:\/\/www.robinglauser.ch\/blog\/author\/robin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/posts\/1316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/comments?post=1316"}],"version-history":[{"count":6,"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/posts\/1316\/revisions"}],"predecessor-version":[{"id":1322,"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/posts\/1316\/revisions\/1322"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/media\/1324"}],"wp:attachment":[{"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/media?parent=1316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/categories?post=1316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.robinglauser.ch\/blog\/wp-json\/wp\/v2\/tags?post=1316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}