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.

The difference between Serif and Sans Serif fonts

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


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/

Web Design London

Tags: , , , , , , , , , , , , , , ,


  1. Developers, developers, developers! As someone famous once said.

  2. Wow! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?

  3. Interesting very interesting…

  4. Hi, i couldn’t agree more, very well written post, thank you.

  5. 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 :)

  6. 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….

  7. web and e-commerce solutions that really work

  8. great article written in a great manner, best wishes

  9. for your relaxing home aromatherapy procedure

  10. i enjoyed this post to the fullest, thank you

  11. aromatherapy says:

    another place to buy scented candles from

  12. provide your baby with the best care

  13. legal advice and help from expertised criminal defence lawyers

  14. conveyancing says:

    professional legal advice from a barrister

  15. everything you need to relax your mind and body

  16. thank you for the useful information

  17. great post, i don’t usually read blogs, but this one was impossible to be missed

  18. scented candles perfect for aromatherapy

  19. criminal defence practice based in london

  20. baby clothes says:

    your baby will love our products as much as you will

  21. wonderful, i’d say superb article! keep the good work

  22. web and e-sommerce solutions for your business

  23. if you need legal advice or legal help from an experienced criminal defence solicitor

  24. the best products for you and your baby

  25. for your romantic experience

  26. you and your baby will love this site

  27. preofessional legal advice and help from expertised criminal defence solicitors

  28. aromatherapy says:

    high quality, hand-made scented candles, perfect for relaxing aromatherapy procedures

  29. conveyancing says:

    24/7 fixed fee legal advice online

  30. your baby will love our products

  31. 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

  32. high-quality, hand-made scented candles

  33. great post, it was a pleasure to read it, best wishes

  34. wanna see your ideas come alive on the web? we will do this for you

  35. our team of expertised criminal solicitors is ready to help you in every case

  36. aromatherapy says:

    make your own aromatherapy procedure at home

  37. 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

  38. baby clothes says:

    high quality products for you and your baby

  39. give yourself the relaxing moments you deserve

  40. if you need help with a complicated case, we are exactly what you need.

  41. 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

  42. scented candles, suitable for aromatherapy procedures and perfect for a romantic night

  43. interesting and quite informative article, i’d say. congrats

  44. wonderful post, ii was a pleasure to read it, your approach to the topic is really worth admiration

  45. the best solution for your business to grow more popular

  46. get the best products for you and your baby while just sitting in your comfortable chair. only one click away

  47. it’s a good idea to give yourself some relax after a hard day at work. we will help you

  48. great, i’d say superb article. thank you, keep the good work

  49. enjoy a memorable and relaxing experience with our scented candles

  50. 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

  51. conveyancing says:

    get your fixed fee professional barrister advice online

  52. give your baby the best care with our products

  53. i enjoyed your post tremendously, it is written in great manner and is really useful, thank you

  54. web solutions that really work

  55. if you need legal advice or legal help for a complicated case, our team of experiensed solicitors is ready to help you

  56. make your own aromatherapy procedure at home

  57. get your fixed fee legal advice from an experienced barrister

  58. everythig you need for your perfect romantic experience

  59. i don’t usually read blogs but this one really grabbed my attention. keep the good work

  60. you and your baby deserve the best products available

  61. nice read, i enjoyed it tremendously

  62. for your romantic experience

  63. web and e-commerce solutions for your business that really work

  64. aromatherapy says:

    Useful information…
    thank you, i really enjoyed your article

  65. professional advice from a barrister, get it now online

  66. if you are in a complicated situation, you can rely on our professional services

  67. provide your babies with the best care from their first day

  68. your post is really useful and written in a great manner. keep the good work

  69. we offer you a way to relax your mind and body in an easy and cheap way

  70. 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

  71. wonderful post i must say, keep the good work

  72. web solutions that really work

  73. we offer you relax for your mind and body, just one click away

  74. criminal defence services from expertised lawyers

  75. baby clothes says:

    get everything for your baby needs easy and without efforts

  76. conveyancing says:

    get your professional legal advice online. just one click away

  77. want to develop your business ideas? we will help you do it

  78. aromatherapy says:

    relax your mind and body easy and without spending too much money on it

  79. if you are in need of a professional legal help, do not hesitate to contact us

  80. the perfect choice for you and your baby

  81. web and e-commerce solutions that really work

  82. perfect gifts for you and your beloved people

  83. aromatherapy says:

    great, i’d say superb, thank you

  84. amazing, really wonderful article, best wishes

  85. your business ideas online

  86. for you, mothers-to-be, you will find everything you need for you and your baby in our website

  87. if you need legal help from a professional criminal defence solicitor, we will help you

  88. Title…

    Saw this posted online and had to repost it……

  89. high-quality, hand-made scented candles

  90. aromatherapy says:

    best choice to make your own aromatherapy procedures at home, without spending too much money on it

  91. I have just bookmarked this blog post. Along with good presentation on the subject, you have also maintained quality moderation by allowing ontopic comments.

  92. Beauty Tips…

    […]the time to read or visit the content or sites we have linked to below the[…]…

  93. conveyancing says:

    wonderful post, keep the good work

  94. Wonderful story, keep the good work!

  95. The best products for you and your baby!

  96. professional advice and help from experienced criminal defence solicitor

  97. online advice from a barrister

  98. The best products for babies and mothers-to-be

  99. rape says:

    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 …

  100. e-commerce says:


    […] 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 […]…

  101. E-commerce

    below you’ll find the links to some web sites that we think you will like

  102. another choice for buying scented candles

  103. A website we think you should visit…

Leave a Reply

You must be logged in to post a comment.