 |
Breaking
eBusiness and Search News |
|
 |
Web Safe Fonts
Many of you have been asking, "What fonts are safe for me to use" and "What fonts are universal and good for use on the web," Well I am here to help.
Web safe fonts are ever important but a lot of designers I have seen lately are forgoing this important step in their design creation. Some are taking the steps to use a font similar to a web safe font but because it is not in fact web safe they inevitably have to default back to a font that isn't quite the same. Their design loses a little of itself and at this point they typically struggle to find a font that is close and web safe. There are plenty of web safe fonts available it just takes some creativity in using them to your advantage. I have a list of web safe fonts available in the article to help everyone out.
Some of you that may have heard of the term web safe before and not quite known it's meaning, others don't fully know the reasoning behind it. I am here to clear all of these things up. First off, web safe fonts are those that are nearly universally available on any computer. So that when the end user, regardless of their machine preferences, goes to the web site they get the same experience as anyone else going to the web site. This is what web standards are all about and ensuring that you are using web safe fonts throughout your website is just as important as including a DOCTYPE and HTML tag in the beginning.
A little background on fonts
So now that I have explained what web safe fonts are you need to know a little about fonts themselves to make sure we are all on the same page. There are basically two types of fonts there are serif and sans serif fonts. Serif fonts are fonts that have fine cross lines at the ends of the letters. Sans serif (French for without serifs) are fonts that don't have anything at the end of the letters. The most common serif font is Times New Roman and just happens to be the default for most windows-based browsers.
Monospaced fonts are fonts that have the same amount of space between them for all of the letters.
There are others types of fonts that fall into one of these two major categories but I think I will save that article for another time and focus on the topic at hand. Be looking for an article on Typography to be coming up soon.
A list of web safe fonts and more
Below I have included a table listing out all of the most common fonts and what operating systems they usually come with. Granted most machines have a lot more fonts then this, the ones I have listed are the most popular and mostly considered universally acceptable to use as a web safe font.
Web safe and common fonts
*The green marks show very common fonts, the yellow shows not so common but all are generally accepted as web safe.
Looking at fonts through web development
Now that you have a list to go off it is good to know some best practices of using fonts on the web. It is very important to include fall back fonts when you are creating your font selection on your web site. What I mean by this is choose your favorite font that you would prefer everyone to see as your pimary font and then include fall back fonts such as Century Gothic, Verdana, Arial, sans-serif would be a good way to list the fonts out in your CSS.
The reason you want to do this is to ensure the most amount of similarity between your readers so they all get the same look and feel of your web site. It also ensures that the fonts you use are close enough that they don't break your web site because you used a font that on the screen is half the size of Verdana but because no one has that font everyone fell back to Verdana and the whole web site broke because of it. These are very simple rules to follow in order to ensure that you give a universal experience on your web site by using web standards and web safe fonts.
Comments
View All Articles by Dustin Brewer
Receive
Our Daily Email of Breaking eBusiness News
About the Author:
Dustin Brewer is a web and graphic designer with a passionate interest
in everything that is technology. He currently is the webmaster and
editor for tech filter, a technology news web site, as well as a writer
for Gadgetell-- a similar web site about technology news with a strong
focus on new gadgets.
 WebProNews RSS Feed
More Expert Articles Articles
Contact WebProNews |
|
|
 eBUSINESS
RESOURCES |
|
|
 |
|
| About
WebProNews |
WebProNews is the number
one source for eBusiness News. Over 5 million eBusiness professionals read
WebProNews and other iEntry business and tech publications.
WebProNews provides real-time coverage of internet
business.
Free Email Newsletters:
|
|
|
|
Dustin Brewer
