Roots
Back

Text Design Basics

Text style

It's a good idea to use a simple, sans-serif font on your website. Fonts that look fancy are great for graphics, but for the content of your website you need to have something that's easy on the eyes. 10px or 12px is a decent size for a font - much smaller and it becomes illegible, much larger and it will look awkward. You should consider the color of the background when choosing the color for text, as certain color combinations can make the text blend into the background. Black on white is easy to read, and it's what we're used to from reading books.

Text layout

It's a lot easier to read text in small chunks. Try to make the content area smaller than the width of the screen, and use paragraphs. You can also use headings and subheadings as a way to break up the text, and help the reader to find the information that they want.

Tables are good for laying out tabular data - they are not a way to layout your entire site, and should only be used when needed. Lists are visually appealing, and easier to read than a block of text. It is also easier to use a list for information that can be presented in list form than it is to try and style the content in a similar way.

How to use and style text in your website