Font Research and Chosen Fonts

Fonts are often underestimated in web design and should never be they are one of the most important elements of any design project.  A font can be unconsciously interpreted regardless of the words themselves say.  Because of  this I researched various typefaces and fonts to use on the site looking at various sizes and weights, it was not something I found easy and took quite a while to do.

Typeface – is a set of typographical symbols and characters (letters, numbers, and other characters)

Font – a complete character set within a typeface.


The most common two types of typeface are: Serif – the more traditional ones. They are distinguished by a short line or finishing stroke (serif) on the end of character strokes and stems and Sans-serif – these are distinguished by their lack of any Serifs. They became popular in recent years and are considered modern as a result.

Example of the difference between serif and sans-serif below

Screen Shot 2016-05-11 at 09.18.49







Using Multiple Fonts

I wanted to include more than one font to connect and engage with users of the site more, and some fonts work extremely well together.  I did find however that when multiple typefaces are used more than two is not recommended as it can create confusion and make the site look cluttered and possibly reducing readability.  You can use more than two fonts though, the biggest challenge is creating harmony between different typefaces, so the less fonts you use, the easier this is. I wanted to use fonts with multiple weights and variants, and was aware that they needed to compliment each other regardless of how many I decided to use.

Screen Shot 2016-05-11 at 08.47.27 toomanyfonts








The two fonts below which are different variants work really well together when combined and compliment each other.

Screen Shot 2016-05-11 at 09.01.09








Chosen Fonts

These are the fonts I finally decided on for the site which I felt worked well together and complimented each other:


Screen Shot 2016-04-16 at 12.36.40

Screen Shot 2016-04-16 at 12.36.59















Selima Script

Screen Shot 2016-04-16 at 12.22.45

Screen Shot 2016-04-16 at 12.23.15




Screen Shot 2016-04-16 at 12.23.02