Web Design: What Fonts to Use? - Web Design Article

By:Mark Nenadic

As web designers, it’s difficult not to get bored by using the same old fonts day in and day out with every new – or not so new – web design. After all, web design is a creative job, but how can we let our creativity flow when we’re being held back by font restrictions. Worry no longer, there is something that you can do about the font that you use.

Though choosing a new font is a bit more complex than it may initially sound, there is a way that you can go about choosing the way that your text will appear. Essentially, there are fonts that come pre-installed in all Windows and Mac operating systems. Of course, these font sets do change over time, but there are a great number of them that have been around for a long time, and will continue to be due to popularity. This is an issue, because you will want your font to be compatible with the operating systems of your users. The same thing goes for the web browsers, such as Netscape, Internet Explorer, and Firefox, used by your viewers.

Of course, you can’t assume that every font will be visible to everyone, but there are some things that you can do to “shake things up” a little bit for the sake of your web design – and your own sanity.

Overall, there are a few different forms of fonts available to you. Usually, this consists of:

Serif (also called generic) – such as Times New Roman, Georgia, Palatino Linotype, Trebuchet MS

Sans serif – such as Arial, Helvetica, Verdana, and Geneva

Mono-spaced (also known as typewriter style) – such as Courier New, Lucinda Console, Monaco, and Andale Mono

Cursive (also known as scripts and informal) – such as Comic Sans, Brush Script, Zapfino, and Marker Felt

Fantasy – any fanciful design such as those with floral and other forms of embellishments, or those in the shape of objects.

Naturally, this is not an exhaustive list, but it gives you an overall idea of what’s out there, and how it’s classified. This is important to know, because it is required when you enter the information into your site script. Because you’ll be offering your site to different operating systems and browsers, your script must instruct your user’s computer as to how to display the type. This is the reason that a web page script is specified in CSS in a way such as:

Font family: ideal, alternative, common, generic

So you could write the following to instruct your viewer’s computers:

Font family: Georgia, “Times New Roman”, Times, serif

What does this mean? It means that while Georgia is your preferred choice for the web design, if it is not recognized by the user’s computer, it should use Times New Roman and Times instead, which are the names used by Windows and Mac for the most common serif font. Since the serif is the generic, the operating system will always have something to work with, and the text of your website will always (or at least, almost always) be visible and readable to your site visitor.

Similarly, if you were using sans-serif font styles, your specification could say:

Font family: Verdana, Arial, Helvetica, sans-serif

Just as the serif script said, this one states that Verdana is your first choice for your web design, but Arial and Helvetica can also be used as alternatives, and if they are not recognized, then the ‘sans-serif’ generic style will do.

By using those font specifications, your script will work with your site visitor’s operating system to find a font that is already installed on their list. This also means that you can choose whatever font you want as your primary font choice, and always have a secondary and tertiary backup in case your desired font doesn’t happen to be installed on the computer of any of your website visitors.

As a web designer, this makes web designing much more appealing, as it allows for greater creativity and flexibility when creating the overall look of the web design. Furthermore, it is attractive to the website visitor, as it allows for something different to look at, and a font that has been specially chosen for that particular site.

Digg del.icio.us Blink Stumble Spurl Reddit Netscape Furl

Article keywords: web design company

Article Source: http://www.articles2k.com

Mark Nenadic
Mark is the director and face behind FifteenDegrees-North, where you will find articles and resources to help with SEO,
marketing and Web design.

Top Web Design Articles
1). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer an article from User Written Resources 1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following; 1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td and can include other styles used on the content in that section, such as; 1.
2). Irish Graphic Design Industry By : dave4 Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
3). Adsense: The Smart Investment By : Pat Lovell & Jon Atwood Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
4). Some guidelines for Website Design By : Angela Oliver You have a great product. You also have a great company image and marketing model. Now it is time to implement all your plans and bring together a website. You know very little about websites. Finding websites that have failed is easier than shooting fish in a barrel. Many people come into the internet business with the notion that if they are on the web, they are guaranteed to make money.
5). Does Your Web Design Include Background Music? By : Mark Nenadic When you design your website, you may wonder whether or not you should include background music in your web design. The answer to this requires you to ask two additional questions:
6). Develop Your Business Web Site for Profits By : Jay Peterson Looking into developing your business web site? Whether creating a business web site to sell your business products online or just to give the public valuable information, creating a business web site can be an important first step to creating an important presence on the web. Here are some tips on creating a business web site as well as what is involved in getting your business web site off the ground.
7). Is your printing costs sky rocketing? By : Florie Lyn Masarate Here are some things you can do to be able to lower your printing costs. 1. Cheap but good quality printer. There was a time when only a handful of people can afford having one of those colored and digital printers. Now that these things are more rampant, they have become more affordable. Color printers of good quality are even inexpensive already.
8). Creating A Quality Web Site Design! By : Martin Lemieux In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic. In this article, I will attempt to cover the basics of creating a great quality web design template for your site.
9). How Does Your Website Make Me Feel? By : Philippa Gamse When people think about the Internet, they think about technology. When people hear that I am a Website strategy expert, they see me as a "techy type". But for me, the most intriguing aspect of your online business isn't about the technology. It's about human connections, and how you can create these in a virtual environment. It's commonly understood that "people buy emotionally, not intellectually.
10). For Automated Sites - PHP and MySQL Are A Perfect Match By : Halstatt Pires You’ve decided to automate your web site. Now what? Here are some ideas to help you choose how to automate your site. A bit of programming is going to be necessary if you want to automate a site. There are many types of programs that can be used to automate a web site including JavaScript, PHP, Perl, ASP, Java and more. So, which do you use? For many, it is a personal choice.

New Web Design Articles
1). Professional Web Design for Home Based Business Owners By : Anthony Samuel Realize the importance of having a website for your home based business.
2). Web Design ,Will Visual Effects Catch a Viewers Eye By : Gordon Petten Web Design does not necessarily have to be as complicated as it may seem. With a little ingenuity and some creative work a website with a clever web design can take form.
3). Spring Cleaning and Website Maintenance for Your Website By : Cliff Posey This article shows how to do professional website maintenance when budget web design is important
4). Color Plays An Important Role In Design And Graphics By : Ken Snow Color schemes are fun no matter what they are being used for. Color schemes come into play when decorating a room or painting a house.
5). Will Baby Boomers Impact Your Website Design? By : Illa maden Article stresses the point of making website design that accomodates specific visitor needs.
6). A Brief Introduction to E4X By : Jim Pretin Find out what E4X is and why it might be important for web designers to learn to use it
7). Graphic Artists - Who Needs One When You Can Do It Yourself Online? By : Pearl Deloria Image is everything! Think about it. How many times have you made a judgment about a company based on the quality of the junk mail that you have been sent? Other people make similar judgements, too. Businesses cannot afford to be thought of as cheapskate in their marketing. You know that most of your mail goes straight in the trash, and it may grieve you to spend four times the amount, just for it to be thrown away.
8). How To Style Your Text With CSS By : Hilco van der Meer Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc. We will start with some basics. First we define the html where we will be working with. This is the text 1. Colorize your text We can select the P tag and add some styles to it. p { color:red; } Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names.
9). What is a web designer anyway? By : Alicia Harper As a web designer, I get all kinds of requests , for information other than web design, and as a web designer I'm not suppose to really to be able to do things outside of the web design area. I believe there are a few misconceptions about what exactly a web designer does. In this article I am going to nail down exactly what a web designer is and what they should be able to do.
10). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer an article from User Written Resources 1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following; 1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td and can include other styles used on the content in that section, such as; 1.