For Web Designers, utilising and working with Fonts is integral to ensuring a modern, clean and professional looking web design and website overall.
Whether you are working on a website design for a client, or developing a HTML/CSS web design project, fonts are considered throughout.
Across the internet are numerous fantastic resources that can aid web designers in their font usage. Below are our recommended fonts resources and websites.
WhatTheFont?
http://www.myfonts.com/WhatTheFont/
If your looking to identify a font contained within an image and want to know what it is, WhatTheFont allows you to upload any image that contains text, and then will try to figure out the font being utilised and tell you what it is.
DaFont
http://www.dafont.com/
From Cartoon fonts to Stencil writing, DaFont is a great library of free downloadable fonts that will come in handy for web designers who are looking to add an extra layer of vibrancy to their web designs.
Fonts.com
http://www.fonts.com/
Alternatively, if you’re looking to purchase fonts on a license basis, or to build a font library of highly professional serif and sans-serif fonts, Fonts.com is home to all classic fonts and their variations including Helvetica, Gill Sans and Futura.
CSS3 – Embedding Fonts using @Font-Face
http://www.w3.org/TR/css3-fonts/#the-font-face-rule
Until now, Web Designers have struggled to break away from using ‘default’ fonts within their website designs. In the upcoming CSS3 Specification, Web Designers will finally be able to ‘embed’ any font within their design using the ‘@font-face’ selector.
Read more about this on the CSS3 Specification on the W3C website linked above, or alternatively, watch our recent Web Design video blog on CSS3 and all of its features.
If you’re looking for further web designers resources, read my recent blog post on CSS Resources and check out our latest video on using the Actions facility in Adobe Photoshop.
