Web Design Tips – Choosing the Right Font

We’ll be taking a look at what fonts you can use for your website design.

choose one that matches the overall feel of your website

make sure it looks good in normal, italic and bold

check to see it doesn’t become over pixellated at larger font sizes (eg when used for headings)

always specify alternative ‘safe’ fonts

check your web pages – do they get messed up if the default font is not available and one of your alternative fonts is used?

It’s great to choose a funky font for a modern, funky website, but bear in mind that the font you choose will only show on your visitor’s screen if that visitor has that font installed on their own machine, be it a PC or a Mac. If you’re a Mac lover, and love the Skia font for example, this just will not show on PC’s, which make up a large portion of machines that web surfers use to access the internet.

There are millions of Mac users – many of my associates swear by them, although I haven’t made the jump yet myself. If you design using a Mac, bear in mind that a lot of the fonts you have access to, just won’t be available to a lot of your website visitors who are using PC’s. So specify alternative fonts in your CSS as shown below (use whatever selector you like), substituting for the fonts you like:

body {font: Arial, Helvetica, sans-serif;}

Note – when using a font which consists of more than one word, with a space or spaces between words, don’t forget to use quotes, eg: “Times New Roman”.

READ  Class Printed Design Portfolio (With Examples)