Typography and the Web

Throughout the past few years Typography for the web has been going through some changes. Before designers were unable to work with fonts they wanted without using images of the text. Most browsers will only read certain types of system fonts which has hindered the designers creativity. We have been constantly searching new tricks and ways to display better fonts in browsers and nothing has really seemed to work well with search engines. Until recently there has been a new way to create editable text in web browsers…..The “Scalable Inman Flash Replacement” or sIFR for short. This technique uses a combination of images text and flash to create editable text content readable by search engines for web browsers. Compatible on Macs, Windows and Linux machines with javascript on.

So with all that being said lets talk a moment about good Typography practices. Every web page or design needs to first start with a clear a readable font. I mean readable especially at smaller text sizes. When you have smaller text your height or “x-height” as we call it needs to be higher and also the space between the letters needs to be a bit larger. Ok now for contrast and why we thrive on it. It is important to keep in mind that you should switch it up and have different types of fonts in a design to generate interest and a personality. But don’t go crazy with this idea because some fonts can just as easily resist each other. But also having them very similar will not create enough contrast which can make for a weak design. So I recommend keeping it simple and fun. Sans serif fonts are great for heading areas to display call to action for posters, flyers, business cards and many other print work. These sans serif fonts can be read easily when larger in size and the letters are closer together. Serif fonts are better for body copy and smaller heading areas. Hope this information helps with any of your Typography questions.

Leave a Reply

Captcha * Time limit is exhausted. Please reload CAPTCHA.