Choosing the right fonts for your website can be a really time consuming exercise. You need to make sure that the style is easily readable but at the same time looks really nice and clean and maybe even a little different to other run of the mill sites. The days of Verdana size 10 have gone and with modern CSS styles you can really make your website stand out.

I’ve enclosed a pdf with this email which has 5 different font styles that I use on some of my own websites and are easy to read and also look nice too!

You can read more about web safe fonts at W3 Schools and they list all that you can use but remember to experiment with different line heights and font sizes to get the look you want.

That’s it! Have a play and dress your website up in nice looking fonts!

1.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mattis ultrices enim sagittis ultricies. Ut eleifend, erat quis congue accumsan, urna neque pulvinar risus, eget dignissim risus lacus vitae ipsum. Pellentesque nulla elit, semper eget porta in, viverra at dolor. Phasellus ac nunc in nisl fermentum ullamcorper ut id libero. Pellentesque vel facilisis ante. Proin egestas risus ut erat ornare pretium sed et purus. Nam est leo, adipiscing eu suscipit ac, aliquet sit amet purus. Pellentesque ante nisi, pellentesque ac feugiat sit amet, vestibulum at metus. In a odio ut nunc euismod malesuada nec eu neque.

font: 15px/22px Georgia, Times, ‘Times New Roman’, serif; color: black;

2.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mattis ultrices enim sagittis ultricies. Ut eleifend, erat quis congue accumsan, urna neque pulvinar risus, eget dignissim risus lacus vitae ipsum. Pellentesque nulla elit, semper eget porta in, viverra at dolor. Phasellus ac nunc in nisl fermentum ullamcorper ut id libero. Pellentesque vel facilisis ante. Proin egestas risus ut erat ornare pretium sed et purus. Nam est leo, adipiscing eu suscipit ac, aliquet sit amet purus. Pellentesque ante nisi, pellentesque ac feugiat sit amet, vestibulum at metus. In a odio ut nunc euismod malesuada nec eu neque.

font: 12px/21px Verdana, Arial, sans-serif;color: #666;

3.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mattis ultrices enim sagittis ultricies. Ut eleifend, erat quis congue accumsan, urna neque pulvinar risus, eget dignissim risus lacus vitae ipsum. Pellentesque nulla elit, semper eget porta in, viverra at dolor. Phasellus ac nunc in nisl fermentum ullamcorper ut id libero. Pellentesque vel facilisis ante. Proin egestas risus ut erat ornare pretium sed et purus. Nam est leo, adipiscing eu suscipit ac, aliquet sit amet purus. Pellentesque ante nisi, pellentesque ac feugiat sit amet, vestibulum at metus. In a odio ut nunc euismod malesuada nec eu neque.

font-family: arial,helvetica,sans-serif; font-size: 14px; line-height: 1.5em;color: #333

4.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mattis ultrices enim sagittis ultricies. Ut eleifend, erat quis congue accumsan, urna neque pulvinar risus, eget dignissim risus lacus vitae ipsum. Pellentesque nulla elit, semper eget porta in, viverra at dolor. Phasellus ac nunc in nisl fermentum ullamcorper ut id libero. Pellentesque vel facilisis ante. Proin egestas risus ut erat ornare pretium sed et purus. Nam est leo, adipiscing eu suscipit ac, aliquet sit amet purus. Pellentesque ante nisi, pellentesque ac feugiat sit amet, vestibulum at metus. In a odio ut nunc euismod malesuada nec eu neque.

font-family: arial,helvetica,sans-serif; font-size: 1.5em; color: #333;