| |
| |
|
Web Design Information |
|
|
|
How to Make Effective Use of Web Fonts
Writing for your web site is not the same as offline writing. The fonts used for print media are different than web fonts. This is because it's harder to read text on a computer screen and visitors tend to scan your web pages rather than read them word for word. When deciding on what web font to use, take into consideration the character of your site and whether the web font type is widely available (accomodates different screens and operating systems). If you use the wrong web font, your web pages will may appear unprofessional and you may lose visitors to your competition. So how do you decide on what web site font to use? 1. Analyze the character of your web site - for most web sites you would use a large or fancy font for your header to capture your visitors attention and a smaller web font for body text. When using a fancy font make sure it is available on most computers otherwise your visitors won't be able to read it. (To get around this, read my article "Improve your web site design with a fancy font" http://www.isitebuild.com/fancyfont.htm). 2. Search engine compatibility - fonts used within images can be seen on all computers, however it can't be read by the search engines. They can only "read" text. When designing images always use the "alt" tag to convey what your image is about. Try to include appropriate keywords in your web site copy. This will help the search engines index your site. 3. Use a web safe font - there are 2 types of fonts that are widely used: Serif Fonts - these are most widely used for PRINT media ie Times Roman, Georgia, but are not good for the Web, because they are difficult to read on the screen. Serif fonts are those that have fine cross-lines at the extremities of the letter. Sans Serif Fonts - these are fonts that don't have serifs. They are the best fonts to use for the WEB (ie Verdana, Arial, Helvetica, Trebuchet) but are not appropriate for print media. Here's a great readability study that was done when comparing serif and sans serif fonts: http://www.wilsonweb.com/wmt6/html-email-fonts.htm 4. Use the correct font size - alternative font sizes add flavor and character to your web site. If you want your text to be viewed correctly for both PC and MAC users, then it's better to use pixels rather then points. Points may look all right on a PC but will appear smaller on a MAC (although these days there are only a small percentage of folks that use MACs). Use a large font size (ie Arial H1) for your main header text, smaller font sizes (Arial H2, H3) for your subheadings and a point or pixel size of 10 or 12 for your body text. Generally I use Verdana 10pt for body text and Arial text for headings. 5. Utilize Cascading Style Sheets (CSS) - these enable you to easily create a consistent font style across your entire web site. If you want to change the font on all your web pages, you just need to change one style sheet. CSS allows you to easily use comma-separated list of fonts (ie Verdana, Arial, Helvetica, sans-serif). The browser will use the first one it comes to in the list that is installed. If none of the type faces in the list are available, it reverts to the default. Writing correct web copy using fonts that are easy to read and readily available, not only adds character to your web pages, but shows you care about the experience of your visitors. Resources Web font readability study. Hundreds of free fonts Herman Drost is the author of the NEW ebook "101 Highly Effective Strategies to Promote Your Web Site" http://www.isitebuild.com/web-site-promotion Subscribe to his "Marketing Tips" newsletter for more original articles at: subscribe@isitebuild.com. You can read more of his in-depth articles at: http://www.isitebuild.com/articles
MORE RESOURCES:
Web-Design - Google News |
|
|
|
RELATED ARTICLES
Color Psychology in Marketing On the internet we don't deal with face to face selling. The internet is a visual and psychological medium. Web Site Templates and Their Benefits Unarguably, the most important part of your website is content. To draw in clients or customers, you need captivating content and search engines are blind to web design. Discover 7 Proven Shopping Cart Enhancements to Increase Your Sales For online businesses with their main goal of selling products, shopping cart abandonment can mean the difference between profitability and loss. But since recent surveys suggest that less than 50% of retailers know their shopping cart abandonment rate, let's review what it is and why it is important to know. Keep It Simple, Stupid: The Beauty of a Clean Cut Website Don't knock it; "Keep It Simple, Stupid" is a great rule to live by. Nobody likes a website to "yell" at them, with blaring colors and flashing lights. Transforming A Site From Good To Excellent One of the challenges of moving a web site up from good to excellent is transforming it from just a bunch of web pages and graphics to an interactive experience. Another term for this is community - a place where people can come to communicate with others. Creating a Favicon Once, I attempted to create a favicon (the little graphic in the URL address box) for this Web site, but never did finish the work until now. I used a free program that allowed me to copy and paste an image to create an icon, but I believe it has spyware so I won't share its name. Cascading Style Sheets for Better Web Design In cascading style sheets you can specify how your web pages will be presented on the screen by simply predefining page elements such as fonts, headers and links.You can add these predefined elements in the head-section of your pages, but more interesting is to use them in a single . Creating A Quality Web Site Design! 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. Why Not To Use Web Design Templates For Your Website In today's age of fast food and high-speed Internet, a business may be tempted to take the "more convenient" route in launching a website - buying a template and customising it.Website design templates are like off-the-shelf websites and are targeted at people who believe that launching their own, unique and differentiated website is costly and time consuming, which need not be the case. Save Thousands of Dollars by Creating Your Own Web Site With the advent of the Internet a whole new vista of business has opened up. Many erstwhile opportunities otherwise not available to us, many markets which were previously inaccessible are accessible to us now. How to Use Sliced Graphics to Layout Your Web Site The problem with designing your site as a graphic, is that it would take too long to load. Your visitors would leave your site immediately and move to your competitors web site. Website Design For Small Businesses There are many different website design companies, offering different facilities such as flash design, however what should a small business look for when seeking an internet prescence?When choosing which company you would like to build your website, there are many factors which you need to take into consideration.Firstly how much is the website going to cost to build and host. Website Design Firm Website design firms come in all shapes and sizes.When choosing which firm you would like to build your website, there are many factors which you need to take into consideration. Website Sales: 10 Strategic Tips To Maximize Your Profits If you've a website but not making a lot of profit from it, cheer up because I have 10 website sales secrets that can help you maximize your sales and profits, starting now:1. Tell people the point or focus of your web site. Flash Doesnt Always Add Shine to Web Efforts The trend today to overuse animation in a website's opening pages only serves to confirm that style often overshadows substance. Sometimes a "flash" in the pan - often courtesy of Macromedia Corp. Eight Website Pitfalls, and How to Avoid Them Clutter: Too much noise, too much text, and too little white space mean that customers ignore the content. Customers often scan pages quickly, only reading titles or input prompts until they reach the content they want. Be Friendly to Search Engines The object of search engines is to give their visitors a list of web pages relevant to the search words, in the order of relevance to the search words. So what do they want from websites?Relevance to a search: The frequency of the search word on a web page is an indicator of its relevance. Elements of Graphic Design for Your Website We've all seen them. Poorly designed web sites that make you cringe as soon as they load. Usability and Considerate Design I hate to imagine that in your web development project team meetings, the one thing that will be overlooked is consideration for the end user. Yet, how many white boards have you seen lately that have "ease of use", or "be polite to customers" scribbled anywhere on them? Rather, the discussion hits on revenue generation, business requirements, colored backgrounds and information architecture. Creating a Basic Web Design Template A "template" is simply a design format which you can apply to all (or most) of the pages in your web site. The first advantage of using a "template" system is that it allows you to make your most important design decisions at the beginning, and then just focus on content.
|
| home | site map |
| © 2006 |