{"id":5338,"date":"2012-06-13T10:17:24","date_gmt":"2012-06-13T10:17:24","guid":{"rendered":"https:\/\/www.heartinternet.uk\/blog\/?p=5338"},"modified":"2012-06-13T10:17:24","modified_gmt":"2012-06-13T10:17:24","slug":"8-typography-tools-and-resources-to-bookmark","status":"publish","type":"post","link":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/","title":{"rendered":"8 typography tools and resources to bookmark"},"content":{"rendered":"

This post is part of our Ampersand series, a set of blog posts focused on fonts. We’re sponsoring and attending Ampersand 2012<\/a>, a typography conference based in Brighton.<\/i><\/p>\n

A mixture of practical, interesting and just plain fun, we’ve put together a list of some of our favourite typography resources. Feel free to add your own by commenting at the bottom!<\/p>\n

Lost Type<\/h4>\n

Lost Type<\/a> is a great resource if you\u2019re looking for premium fonts at affordable prices as you choose the price you wish to pay to download the font. It\u2019s updated regularly, so keep checking back to see what\u2019s new.<\/p>\n

\"\"<\/a><\/p>\n

Google Web Fonts<\/h4>\n

We’ve posted about Google Web Fonts<\/a> before in our post Ways to Display Custom Fonts on Your Website<\/a>, but it’s definitely worth another mention. The Google font directory lets you use non-standard fonts on your website for free. With a huge range of fonts to choose from and guaranteed compatibility for your visitors, it’s a great way to make your website stand out.<\/p>\n

\"\"<\/a><\/p>\n

What The Font<\/h4>\n

If you\u2019ve ever wondered what a particular font is, then What The Font<\/a> is for you. You can upload a picture and the site will try and figure out what font is displayed. It\u2019s also a good resource for finding fonts that are similar to other fonts, for example if a particular font is no longer available or you need a commercial-use version.<\/p>\n

\"\"<\/a><\/p>\n

Just My Type<\/h4>\n

It’s very rare that we recommend books, but Just My Type<\/i> is a must-read if you’re the slightest bit interested in fonts. Even if you have little or no knowledge of typography, this book is extremely easy to pick up and read and will give you all kinds of insights into even the most common fonts.<\/p>\n

\"\"<\/p>\n

I Love Typography<\/h4>\n

As well as a range of great typography-themed posts, I Love Typography<\/a> also boasts a shop, game, beautifully designed free desktop wallpapers and much more. It’s one of the best regular reads for font enthusiasts.<\/p>\n

\"\"<\/a><\/p>\n

Font Squirrel<\/h4>\n

Font Squirrel<\/a> is a great resource for free, quality fonts that can be used in commercial projects. They also have an @font-face generator tool<\/a> so you can use non-web fonts directly on your website providing you meet the terms.<\/p>\n

\"\"<\/a><\/p>\n

A History of Western Typefaces<\/h4>\n

This Western typefaces infographic<\/a> provides a great background for when fonts have developed and how they have gone in and out of fashion. Not as directly practical as some of the other resources, but definitely still interesting.<\/p>\n

\"\"<\/a><\/p>\n

Helvetica – The Documentary<\/h4>\n

A little bit more geeky, but still a great watch no matter how much or little you know about typography. The film itself isn’t free, but if you like the look of the clips you can order the DVD from the Helvetica film<\/a> website.<\/p>\n

\"\"<\/a><\/p>\n

What are your favourite font resources? Let us know in the comments!<\/i><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

This post is part of our Ampersand series, a set of blog posts focused on fonts. We’re sponsoring and attending Ampersand 2012, a typography conference based in Brighton. A mixture…<\/p>\n","protected":false},"author":2,"featured_media":8209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":{"0":"post-5338","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-your-website"},"yoast_head":"\n8 typography tools and resources to bookmark - Heart Internet<\/title>\n<meta name=\"description\" content=\"8 typography tools and resources to bookmark - Written by the team at Heart Internet.\" \/>\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.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8 typography tools and resources to bookmark - Heart Internet\" \/>\n<meta property=\"og:description\" content=\"8 typography tools and resources to bookmark - Written by the team at Heart Internet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/\" \/>\n<meta property=\"og:site_name\" content=\"Heart Internet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/heartinternet\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-13T10:17:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1620\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Eliot Chambers-Ostler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:site\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eliot Chambers-Ostler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/\"},\"author\":{\"name\":\"Eliot Chambers-Ostler\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\"},\"headline\":\"8 typography tools and resources to bookmark\",\"datePublished\":\"2012-06-13T10:17:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/\"},\"wordCount\":493,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"articleSection\":[\"Your Website\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/\",\"name\":\"8 typography tools and resources to bookmark - Heart Internet\",\"isPartOf\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"datePublished\":\"2012-06-13T10:17:24+00:00\",\"description\":\"8 typography tools and resources to bookmark - Written by the team at Heart Internet.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"width\":1620,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.heartinternet.uk\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"8 typography tools and resources to bookmark\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heartblog.victory.digital\/#website\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"name\":\"Heart Internet\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heartblog.victory.digital\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\",\"name\":\"Heart Internet\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"width\":992,\"height\":252,\"caption\":\"Heart Internet\"},\"image\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/heartinternet\/\",\"https:\/\/x.com\/heartinternet\",\"https:\/\/www.linkedin.com\/company\/heart-internet-ltd\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\",\"name\":\"Eliot Chambers-Ostler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"caption\":\"Eliot Chambers-Ostler\"},\"url\":\"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"8 typography tools and resources to bookmark - Heart Internet","description":"8 typography tools and resources to bookmark - Written by the team at Heart Internet.","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.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/","og_locale":"en_GB","og_type":"article","og_title":"8 typography tools and resources to bookmark - Heart Internet","og_description":"8 typography tools and resources to bookmark - Written by the team at Heart Internet.","og_url":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/","og_site_name":"Heart Internet","article_publisher":"https:\/\/www.facebook.com\/heartinternet\/","article_published_time":"2012-06-13T10:17:24+00:00","og_image":[{"width":1620,"height":720,"url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","type":"image\/jpeg"}],"author":"Eliot Chambers-Ostler","twitter_card":"summary_large_image","twitter_creator":"@heartinternet","twitter_site":"@heartinternet","twitter_misc":{"Written by":"Eliot Chambers-Ostler","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#article","isPartOf":{"@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/"},"author":{"name":"Eliot Chambers-Ostler","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28"},"headline":"8 typography tools and resources to bookmark","datePublished":"2012-06-13T10:17:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/"},"wordCount":493,"commentCount":0,"publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","articleSection":["Your Website"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/","url":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/","name":"8 typography tools and resources to bookmark - Heart Internet","isPartOf":{"@id":"https:\/\/heartblog.victory.digital\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","datePublished":"2012-06-13T10:17:24+00:00","description":"8 typography tools and resources to bookmark - Written by the team at Heart Internet.","breadcrumb":{"@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#primaryimage","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","width":1620,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.heartinternet.uk\/blog\/8-typography-tools-and-resources-to-bookmark\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heartinternet.uk\/blog\/"},{"@type":"ListItem","position":2,"name":"8 typography tools and resources to bookmark"}]},{"@type":"WebSite","@id":"https:\/\/heartblog.victory.digital\/#website","url":"https:\/\/heartblog.victory.digital\/","name":"Heart Internet","description":"","publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heartblog.victory.digital\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/heartblog.victory.digital\/#organization","name":"Heart Internet","url":"https:\/\/heartblog.victory.digital\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","width":992,"height":252,"caption":"Heart Internet"},"image":{"@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/heartinternet\/","https:\/\/x.com\/heartinternet","https:\/\/www.linkedin.com\/company\/heart-internet-ltd"]},{"@type":"Person","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28","name":"Eliot Chambers-Ostler","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","caption":"Eliot Chambers-Ostler"},"url":"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/"}]}},"_links":{"self":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/comments?post=5338"}],"version-history":[{"count":0,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5338\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media\/8209"}],"wp:attachment":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media?parent=5338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/categories?post=5338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/tags?post=5338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}