8 CSS Fonts You Could Use For Your Website | Best Design Options

8 CSS Fonts You Could Use For Your Website

Cascading style sheet (CSS) has introduced many capabilities in terms of typography and the web, but designers seem to be limited to the same  typefaces over and over again because not all font types are supported in different platforms. For example, if you used a font that is not universally supported, there is no guarantee that this font will render in every viewer's computer. So designers and developers are constrained to a handful of typefaces or fonts and these are those that we can safely assume to be available on most computers today. That is why we find that most pages use Arial, Helvetica, or Georgia as their typefaces (including mine! But, I love Georgia…)

According to 3point7designs.com, the following fonts could be used in designs and stylesheets without worrying that they might not render properly in most computer.
1. Palatino Linotype / Palatino

WINDOWS 97.09% / MAC 78.86%
This serif font makes a good replacement for Times or Georgia just in case you get tired of these two more popular fonts. This font is also well supported in both Mac and Windows platforms (97.09% of all windows machines have it, and 78.86% of mac's).
2. Tahoma

SUPPORT: WINDOWS 96.09% / MAC 72.02%
Very effective to use as a copy font and a nice replacement for Arial or Helvetica.
3. Impact

WINDOWS 95.85% / MAC 88.08%
Very nice font to use for headlines. Impact has been one of the most overused fonts probably beacause it is one of the default fonts in most machines. So why not make a more "impactfull" headlines for your websites using this font? Good news is, Impact is supported both by Windows and Mac-based machines.
4. Century Gothic

WINDOWS 85.44% / MAC 42.50%
A very elegant typeface, Century Gothic would make a very good font for copies as well as headlines. However, not a big percentage of Mac systems (only 42%) come with this font pre-installed, although most new machines do. If you are worried about the low mac support, a good alternative would be Futura (which has very high mac support).
5.  Arial Black

WINDOWS 97.73% / MAC 96.18%
This font is perfect for making headlines. It is also a good replacement for Impact just in case you want variety or you simply get bored with Impact.
6. Arial Narrow

WINDOWS 87.08% / MAC 91.01%
This font is ideal to use if you wantto create a more elegant and subtle headlines. Also good to use in the body text if you want a change from the traditional arial
7. Copperplate / Copperplate Gothic Light

WINDOWS 58.13% / MAC 85.85%
If used effectively, this font looks very nice as well in websites since it has pretty good support on newer windows computers and most mac based computers. Copperplate Gothic is best to use for bigger headlines. Just avoid using it in smaller texts as it is not terribly legible at small fonts especially when it is not properly aliased.
8. Gill Sans / Gill Sans MT

WINDOWS 43.09% / MAC 90.82%
One of my favorite fonts as well. This font works well for both headlines and body texts. However, this font has a low percentage support from older PC/Windows machines. I think the new ones have this font pre-installed.

Evernote helps you remember everything and get organized effortlessly. Download Evernote.