Learn how to work with fonts, lay out typography, pair different typefaces, and find collections of inspiring fonts to use in your next project.
“No other design discipline requires so much learning and training as fontography, and by no other aspect can amateurs be so easily distinguished from professionals.” – Dmitry Kirsanov
To follow up our recent article, 8 Rules for Creating Effective Typography, this post contains over 30 sites either dedicated to or designed with beautiful typography.
Several options have cropped up recently for adding custom fonts to your website by utilizing the @font-face selector. TypeKit is an exciting new player in this game because it stands out in two key areas: ease of use and richness of fonts available. This tutorial will take you through several small, super simple steps to get TypeKit up and running on your site. You won’t find any advanced techniques or scripting here, so even if you’re a novice web designer this should be a cinch!
Font support on the web has long been a topic of debate. Recent years have seen the emergence of various techniques for embedding fonts through flash, a method known as Cufon, or various plays on the new @font-face CSS properties emerging slowly through CSS3.
The main limiting factor to date is that of font licensing. Understandably, foundries are reluctant to allow web designers to publicly host their font files for anyone to download. A few typefaces have been licensed for use online, but designers are severely limited in choice.
This week saw the announcement of a breakthrough system – Typekit.
Typography is beginning to come to the fore as one of the most crucial elements of web design as people start to understand its importance. There’s no doubt that if you perfect the size, style and position of type on your page, the rest of the design will flow much easier.
In part one of our 2008 roundup, we saw some of the most useful graphic design tutorials of the year. This second section will walk you through a selection of the best typography related resources and articles of 2008 – tutorials, downloads, fonts, and everything you need to perfect the use of type in your design.
When designing online, people often overlook the need to careful consideration of font styles, sizes and colours. How you display and position the words on your page can have a dramatic impact on how long people stay on your site, and how much they take in.
If you follow our five simple steps below, you will see a dramatic improvement in the look and feel of your designs. You’ll benefit from readers spending a little more time browsing through your pages.
Often, when designing a website, the first things you consider are the colour scheme, logo and layout. All vital aspects, without a doubt, but make sure you take time to think about the fonts you are going to use along with all the elements surrounding typography. After all, your visitors are there to read the words you’ve written.
When the Internet was first conceived, there were only a couple of fonts available to use. With the introduction of CSS, designers now have much more control over which fonts are displayed and how they are laid out on the page.