Many of the world’s biggest brands are instantly recognisable by their signature font, but you can create a unique look even if you only have a small personal website. In fact, we’d strongly recommend establishing a typographical identity for every project you work on, and creating a brief document of style guidelines so you (and others) have a handy reference tool.
There are thousands of great design and development themed websites around, but it’s surprising how many hold back on typography to let images and tutorials take centre stage. So we’ve put together a list of sites that make careful, creative use of text and text effects across all kinds of themes.
If you haven’t got them in your feed reader or bookmarks list already, they’re definitely worth adding as, in addition to some fantastic fonts and styling inspiration, they offer a wealth of advice covering everything from Photoshop shortcuts to CSS tips through high-quality articles and how-tos.
Vintage design has been a popular style for websites and online projects for a while now, and creating vintage text is a useful skill to have. As ‘vintage’ and ‘retro’ styles are pretty interchangeable and relaxed when it comes to the web – covering the Victorian era, the 1950s, and everything in between – you can learn plenty of versatile text skills in the process.
Originally proposed for CSS 2.1 but brand new to CSS3, text shadows are a great way to liven up your text without needing to use images. Text shadows can be as simple or as complicated as you want to make them; it all depends on what other effects you’re combining with your shadow and how it interacts visually with the rest of your page.
We use several different types of text shadows here at Text Effects, and we’re only too happy to share how they’re done. Best of all, all you need is a couple of lines of code and a little bit of time to create perfect, easy to edit shadow effects.
Combining beautiful type with interesting facts, these infographics are some of the best typography, font face and text themed informational images we’ve seen on the web.
Read on to see them all…