Typography is a part of the design, especially for web design it is extremely important. It is the technique of presenting the text as a state of art. To reach the result of a good typography you need to spend many hours analyzing the way people read.
Typography comes from the Greek words τύπος typos “mark, figure” and γράφω grapho “I write”.
I suppose it would not be a surprise if I tell you that people are not reading each word in the text, people are just scanning the “form” of the word. That is why text which is ALL CAPS is harder to read that the standard way, however ALL CAPS means “attention” and “important” to people, so you can use it for headings and short sentences, but it is not a good idea to use it for text.
Another thing that I would like to mention to prove the theory of reading as scanning is that if you cut a word through the middle and give the bottom part to one person and the top part to another, the one that has the top will read it easier for sure. That just the way people’s head work.
There are two main font type that are used and they are called Serifs and Sans-Serifs. What is the difference? See the image below.
You can see what are the serifs marked in red on the third row.
Which one is easier to read? There is no rule that is stating that Serif or Sans-Serif fonts are better – it depends on the situations, purposes, goals, techniques, devices… and here comes the good typography designer to take the decision.
Basics of the readability and eligibility
Contrast.
Make sure that your text and headings have enough contrast to the background. Nobody likes to struggle reading. Like mentioned before, people like spending lots of hours surfing the web, however they totally hate wasting time with unusable websites and illegible and unreadable text.
***
Space and Format.
Think about the line heights, it is really easier to read text which has enough space between the words and the lines. You can easily manage the line heights using CSS with the following simple line:-
line-height: 140%
Value Description normal A normal line height. This is default number A number that will be multiplied with the current font size to set the line height length A fixed line height in px, pt, cm, etc. % A line height in percent of the current font size inherit Specifies that the value of the line-height property should be inherited from the parent element
Speaking of ways to make the text more readable and legible, do not underestimate the width of your text fields. From distance about 80 cm human being’s eyes can read 8 cm width text without using any muscles. I know it is almost impossible to calculate a formula with all these different screens and resolutions, however the thing that I am trying to say is – please do not place your text from the left side of the monitor to the right side. People are losing the lines while reading and it is not comfortable to struggle with that.
***
Font Sizes
In order to ensure that the visitors of your website will find the information they need in a glance and will read it easy make your hierarchy rules strict and clear. Choose the sizes of the main text, heading ans subheading and use them strictly all over the website.
***
» Which is the best font all over the World?
That a question with one true answer – all fonts are good, it depends of how you use them, It is the same as the question “Which is the best color?”
***
» Then why people hate Comic Sans?
Because Comic Sans was designed for comic books, not for wide usage. It is just overused and that is why people, especially designers are sick and tired of it.
***
» Why everybody says that Helvetica is the best font then?
Because Helvetica is universal font – you can use it for headings on website, posters, everything… personally I do not like it so much. There is not challenge using it.
Why designers say that it is better to use Verdana and Georgia instead of Arial and Times New Roma?
Because they were designed for easy reading on the web – see the demos below:-
» Sans-Serifs
This is sample text showing Verdana at smaller sizes (size 7).
This is sample text showing Verdana at smaller sizes and bold (size 7).
This is sample text showing Arial at smaller sizes (size 7).
This is sample text showing Arial at smaller sizes and bold (size 7)
» Serifs
This is sample text showing Times New Roman at smaller sizes (size 10).
This is sample text showing Georgia at smaller sizes (size 10).
***
» Free tool: And in the end here is a free online tool to test your fonts before placing them on the web. It also generates your CSS: http://www.typetester.org/
Tags: comic sans, E-commerce Development, fomt, font face, georgia, helvetica, line height, spacing, times new roman, typography, verdana, web, Web Design and Development Company, Web Design and Development London, web design london, web development london
Developers, developers, developers! As someone famous once said.
Wow! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?
Interesting very interesting…
Hi, i couldn’t agree more, very well written post, thank you.
Hi my friends! I have to comment that this article is really nice, nice describes the topic and include most of all needed info. I really enjoyed reading this
…
This is a genuinely well read for me, Must admit that you are one of the best bloggers I e’er construed. Thanks for posting this informative article….
web and e-commerce solutions that really work
great article written in a great manner, best wishes
for your relaxing home aromatherapy procedure
i enjoyed this post to the fullest, thank you
wonderful post
another place to buy scented candles from
provide your baby with the best care
legal advice and help from expertised criminal defence lawyers
let your ideas work for you
professional legal advice from a barrister
everything you need to relax your mind and body
thank you for the useful information
great post, i don’t usually read blogs, but this one was impossible to be missed
your ideas on the web
scented candles perfect for aromatherapy
criminal defence practice based in london
your baby will love our products as much as you will
wonderful, i’d say superb article! keep the good work
web and e-sommerce solutions for your business
if you need legal advice or legal help from an experienced criminal defence solicitor
the best products for you and your baby
for your romantic experience
you and your baby will love this site
preofessional legal advice and help from expertised criminal defence solicitors
high quality, hand-made scented candles, perfect for relaxing aromatherapy procedures
24/7 fixed fee legal advice online
your baby will love our products
your ideas online
i don’t usually read blogs but this one was impossible to be missed. i’m really impressed by your attitude, keep the good work
high-quality, hand-made scented candles
great post, it was a pleasure to read it, best wishes
wanna see your ideas come alive on the web? we will do this for you
our team of expertised criminal solicitors is ready to help you in every case
make your own aromatherapy procedure at home
if you need legal advice or legal help from a professional barrister, we will help you and we will do this online for your convenience
your ideas on the web
high quality products for you and your baby
give yourself the relaxing moments you deserve
if you need help with a complicated case, we are exactly what you need.
need a professional legal advice from an experienced barrister? don’t waste your time, visit our website where you can get the help you need online
scented candles, suitable for aromatherapy procedures and perfect for a romantic night
interesting and quite informative article, i’d say. congrats
wonderful post, ii was a pleasure to read it, your approach to the topic is really worth admiration
the best solution for your business to grow more popular
get the best products for you and your baby while just sitting in your comfortable chair. only one click away
it’s a good idea to give yourself some relax after a hard day at work. we will help you
great, i’d say superb article. thank you, keep the good work
legal services online
your ideas on the web
enjoy a memorable and relaxing experience with our scented candles
think that a pregnant woman cannot be sexy? visit our website and you will be convinced in the opposite! with our maternity clothes, you will look and feel more sexy than ever
great article, thank you
your ideas on the web
get your fixed fee professional barrister advice online
for a night to remember
give your baby the best care with our products
i enjoyed your post tremendously, it is written in great manner and is really useful, thank you
web solutions that really work
if you need legal advice or legal help for a complicated case, our team of experiensed solicitors is ready to help you
make your own aromatherapy procedure at home
for you and your baby
get your fixed fee legal advice from an experienced barrister
develop your ideas online
everythig you need for your perfect romantic experience
i don’t usually read blogs but this one really grabbed my attention. keep the good work
you and your baby deserve the best products available
nice read, i enjoyed it tremendously
make your ideas work for you
for your romantic experience
legal services online
for you and your baby
web and e-commerce solutions for your business that really work
Useful information…
thank you, i really enjoyed your article
professional advice from a barrister, get it now online
if you are in a complicated situation, you can rely on our professional services
provide your babies with the best care from their first day
your post is really useful and written in a great manner. keep the good work
we offer you a way to relax your mind and body in an easy and cheap way
this article was really interesting to me, i must say i’m not used to reading blogs, but it was absolutely impossible not to like yours, regards
wonderful post i must say, keep the good work
web solutions that really work
we offer you relax for your mind and body, just one click away
criminal defence services from expertised lawyers
get everything for your baby needs easy and without efforts
get your professional legal advice online. just one click away
want to develop your business ideas? we will help you do it
relax your mind and body easy and without spending too much money on it
if you are in need of a professional legal help, do not hesitate to contact us
the perfect choice for you and your baby
web and e-commerce solutions that really work
perfect gifts for you and your beloved people
legal services online
great, i’d say superb, thank you
amazing, really wonderful article, best wishes
your business ideas online
for you, mothers-to-be, you will find everything you need for you and your baby in our website
if you need legal help from a professional criminal defence solicitor, we will help you
Title…
Saw this posted online and had to repost it……
high-quality, hand-made scented candles
best choice to make your own aromatherapy procedures at home, without spending too much money on it
I have just bookmarked this blog post. Along with good presentation on the subject, you have also maintained quality moderation by allowing ontopic comments.
Beauty Tips…
[…]the time to read or visit the content or sites we have linked to below the[…]…
very useful post
wonderful post, keep the good work
Wonderful story, keep the good work!
The best products for you and your baby!
professional advice and help from experienced criminal defence solicitor
online advice from a barrister
The best products for babies and mothers-to-be
24/7 online legal services
rape defence
[…]Hi there We are very excited We discovered this weblog, I really located you simply by accident, when We was searching upon Yahoo for something else, Regardless We are here plus We would just want to tell you thank you for a incredible post along …
great article, best wishes
e-commerce
[…] despite the fact that the websites we link to here are utterly not related to ours, we presume these are truly worth a read, so have a look […]…
E-commerce
below you’ll find the links to some web sites that we think you will like
another choice for buying scented candles
wonderful post
A website we think you should visit…