Typography in Web Design:

Web Design
by axzm1

Typography in Web Design:

Typography in Web Design:

A very important but often underplayed element in website design is web typography.  Typography itself is as old as the earliest writing systems and has since developed into a very specialised field.

Typography originated after the invention of printing from movable type in the mid 15th century and has come along way since then. Today we find a large number of typefaces on the web.

How you approach typeface in your design, will either enhance or diminish the visual impact of your website. Function and aesthetics are intrinsic in web design and how well your design works is just as important as how it looks.

New liberty in Web Design: sIFR Text

Creative uses for typeface in web design were limited until recently. Today’s new operating systems have made it possible for website designers to move away from the limitations of using standard system fonts.

Scalable Inman Flash Replacement, better known as sIFR text are giving many website designers creative leeway. In simple terms, sIFR text is a flash rendering technique whereby designers can replace on-screen text elements with flash equivalents. In order to display correctly on someone’s web browser, sIFR requires the following: JavaScript and a Flash plug-in.

sIFR allows website headings, pull-quotes and other elements to be styled in whatever font the designer chooses. It is Search engine friendly and will display the website content as text and not an image.

Important Typeface Tips:

The web is saturated with tips on website design and typography. Here are a few tips that can help you with the choice and placement of your typeface in web design.


Take note of the line spacing/ leading that you give your text. The space between your words will impact the readability of your copy.


Consider the colour of your design and choose the colour of your text accordingly. The colour of your text should neither overpower your design nor be consumed by it.

Font Size:

Consider the theme and style of your web design and choose the font size accordingly.  Certain typefaces have been designed as small fonts and will therefore not have the same effect if it is too big.

Take into account that your text size should be readable to different users who are making using different browsers and technologies. Don’t make your text too small or too large.


Take your user into account. The emphasis in web design today is on user-centric design. Remember that your website is there to communicate information. The objective is to encourage people to read the information on your site.

Too many fonts

Don’t use too many fonts throughout your website, rather make small adjustments to the existing font. This will help you to maintain a sense of continuity throughout your design. We suggest you use two types of font at most.


Any windows operating system lower than vista, does not apply “font-smoothing” as a default setting. This could radically change how the viewers see your text.

Lilo is a professional Website Design and Web Development company, based in London UK with offices in Cape Town, South Africa and more recently Sydney, Australia. We are a multidisciplinary agency, delivering expert and cost effective solutions that will meet a variety of your web development and website design requirements.

Web Marketing Course 2010
This is a complete training course in all aspects of web marketing. It covers everything to make a web business start earning big money.
Web Marketing Course 2010
Mi Sitio Web Hoy
Este libro es una guía paso a paso para aprender a planear, diseñar, escoger y registrar el nombre adecuado y poner su sitio web en linea, usted mismo, hoy. Incluye capitulo de publicidad aplicable a cualquier sitio o página web.
Mi Sitio Web Hoy

CSS Mastery: Advanced Web Standards Solutions, Second Edition

  • ISBN13: 9781430223979
  • Condition: New
  • Notes: BUY WITH CONFIDENCE, Over one million books sold! 98% Positive feedback. Compare our books, prices and service to the competition. 100% Satisfaction Guaranteed

Building on what made the first edition a bestseller, CSS Mastery: Advanced Web Standards Solutions, Second Edition unites the disparate information on CSS-based design spread throughout the internet into one definitive, modern guide. Revised to cover CSS3, the book can be read from front to back, with each chapter building on the previous one. However it can equally be used as a reference book, dipping into each chapter or technique to help solve specific problems. In short, this is the one boo

Rating: (out of 131 reviews)

List Price: $ 39.99

Price: $ 24.89

Learning Web Design: A Beginner’s Guide to HTML, Graphics, and Beyond

In Learning Web Design, author Jennifer Niederst shares the knowledge she’s gained from years of web design experience, both as a designer and a teacher. This book starts from the beginning– defining the Internet, the Web, browsers, and URLs– so you don’t need to have any previous knowledge about how the Web works. After reading this book, you’ll have a solid foundation in HTML, graphics, and design principles that you can immediately put to use in creating effective web pages. In the secon

Rating: (out of 37 reviews)

List Price: $ 39.95

Price: $ 10.99

Web Design Index by Content 3 (Web Design Index) (Pt. 03)

Rating: (out of 6 reviews)

List Price: $ 34.99

Price: $ 14.99

Question by CrazyOn1: Web design ecommerce question. How do I set up individual accounts for each customer?
I am a web design student and I have to set up an ecommerce site. I have the shopping cart thing down, but I would like to set it up so each person can create there own login/account. I really have no idea how to do this. Can someone help me out please?

Best answer:

Answer by ricochet
wow, that’s incredibly vague. You should include things like what language you’re programming in, ideally post some code along with the question. I’m not trying to chew you out or anything, just trying to help you ask future questions a little more clearly. That being said…

Basically you’re going to need to make an HTML form with some inputs so the user can input whatever data you need for a user. Also, you need to set the action attribute on the form to the name of the file that will process the information (php, python, jsp, etc file).

clicking the submit button will push the input’s data to file.php. Depending on what language you’re using, you will use different syntax to get those parameters and enter them into the database. I’d at least need to know what language you’re programming in to help you out anymore. good luck, hope that was some help 😉

Give your answer to this question below!

More Web Design Articles