What fonts can I use on my website?
What fonts are available? What are the implications of choosing particular fonts for my website?
Its bit of a web myth that there are only ten or so fonts available to choose from when considering the typography of your website.
Broadly speaking web fonts are broken down into 'fonts' and as a backup 'generic-fonts'. A brief summary of both follows - and how they are used.
Generic-Fonts are the most basic of fonts that should always render in any browser(internet explorer, firefox, safari on a pc, mac, or handheld device for example). These are very basic fonts with little style or visual appeal, but nevertheless will render in any browser. Generic-Fonts are as follows:
serif
sans-serif
cursive
fantasy
monospace
Fonts can be any font you care to name... helvetica, arial, comic sans(blurgh), optima, century gothic...
Any font will work on your website! But wait, that is only if the visitor to your web page has the font available on their system.
The web myth of these ten or so fonts has arisen because these certain fonts are the most common that you would expect to work on any browser.
Some you would expect to work across most browsers;
Georgia
Trebuchet MS
Arial
Helvetica
Times
Verdana
The above may be the list of fonts you are given to choose from by your web developer, your blog system, or your web design software.
What does this mean for my choice then?
The code for choosing a font is done so in a list format... for example...
font-family: "Century gothic", Arial, sans serif
The browser always trys to display the font at the start of the list, if this is not available on the visitors browser it will try to display the second, and if not it will try the next, and the next and so on. Of course you should always have a 'generic font' in your list, in the above example it is 'sans serif' this is the "fall back" if the end users browser cant display the fonts you desire.
So whats all the fuss about?
From a design point of view choosing fonts that are not 'common' makes the production of a consistent design rather awkward. For example if your first choice font is not available to some browsers it will resort to the next font along which may alter the design of the website.
Thats why I have to say as a web designer it is often best to choose from the list of 'recommended fonts'. There are already more than enough variables to try and control when developing a site(screen sizes, image types, coding). By choosing from the recommended list provided by your web designer it means you can go some way to achieving a consistent look to your site for all of your visitors.
Here is a list of common fonts you can choose from http://www.1728.com/fontcore.htm
And an example of 100 different fonts displayed on your browser http://www.1728.com/fontlttr.htm - see how they render!

Just a thought...
change must always be balanced with some degree of consistency.
Ron D Burton
Its bit of a web myth that there are only ten or so fonts available to choose from when considering the typography of your website.
Broadly speaking web fonts are broken down into 'fonts' and as a backup 'generic-fonts'. A brief summary of both follows - and how they are used.
Generic-Fonts are the most basic of fonts that should always render in any browser(internet explorer, firefox, safari on a pc, mac, or handheld device for example). These are very basic fonts with little style or visual appeal, but nevertheless will render in any browser. Generic-Fonts are as follows:
serif
sans-serif
cursive
fantasy
monospace
Fonts can be any font you care to name... helvetica, arial, comic sans(blurgh), optima, century gothic...
Any font will work on your website! But wait, that is only if the visitor to your web page has the font available on their system.
The web myth of these ten or so fonts has arisen because these certain fonts are the most common that you would expect to work on any browser.
Some you would expect to work across most browsers;
Georgia
Trebuchet MS
Arial
Helvetica
Times
Verdana
The above may be the list of fonts you are given to choose from by your web developer, your blog system, or your web design software.
What does this mean for my choice then?
The code for choosing a font is done so in a list format... for example...
font-family: "Century gothic", Arial, sans serif
The browser always trys to display the font at the start of the list, if this is not available on the visitors browser it will try to display the second, and if not it will try the next, and the next and so on. Of course you should always have a 'generic font' in your list, in the above example it is 'sans serif' this is the "fall back" if the end users browser cant display the fonts you desire.
So whats all the fuss about?
From a design point of view choosing fonts that are not 'common' makes the production of a consistent design rather awkward. For example if your first choice font is not available to some browsers it will resort to the next font along which may alter the design of the website.
Thats why I have to say as a web designer it is often best to choose from the list of 'recommended fonts'. There are already more than enough variables to try and control when developing a site(screen sizes, image types, coding). By choosing from the recommended list provided by your web designer it means you can go some way to achieving a consistent look to your site for all of your visitors.
Here is a list of common fonts you can choose from http://www.1728.com/fontcore.htm
And an example of 100 different fonts displayed on your browser http://www.1728.com/fontlttr.htm - see how they render!

Just a thought...
change must always be balanced with some degree of consistency.
Ron D Burton


