Here is a picture of my website (and also the link) as it is now (still under construction). I've tried various combinations in term of font size, font weight, etc. but can't find "the right" balance so external advice would be much appreciated (especially for the top part: header, menu, sub-header). What would you change?

enter image description here

1 Answer 1


Some notes on possible improvements:

  1. The page uses eight different typefaces, and variation in font size and different content color and background color combinations. That makes a rather messy impression. Using two or three typefaces should normally be enough.
  2. Legibility is suboptimal. White text on dark background is less legile, and white text on light background is an even bigger problem. The menu would probably work better when semi-bold Open Sans is used, perhaps in a little larger size.
  3. Text column width (line length) is over 80 characters. The common typographic recommendation is about 60 characters, or less, for readability.
  4. Copy text has large gaps between words. Text justified on both sides easily causes such problems, unless word division is enabled (can be done with Hyphenator.js).
  • 1
    +1. seconded! eight typefaces! Keep in mind that a fontface in different sizes can also visually be registered as "different" and adds to messyness.
    – benteh
    Dec 22, 2013 at 14:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.