|
|
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.
http://www.wilsonweb.com/wmt6/html-email-fonts.htm
Hundreds of free fonts
http://www.fontfile.com
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
Your Graphics- Are They Really Working For You?
(Making Your Graphics Work For You)
10 Ways Web Site Text Can Impact Your Readers Buying Decision
10 Ways Web Site Text Can Impact Your Reader's Buying Decision
Build It And Build It Cheap!
There are several very good reasons why you should consider building your own web site versus having someone do it for you. It's more cost efficient, you can make it much larger in content, you are more involved in how you want the pages to look, and I have actually enjoyed learning the dos and don'ts of website profiling. I have run into some definite don'ts as I thrashed my way through building the few that I have needed , but I envy the professionals that get paid to make websites. Although I'm sure that I've made mistakes on my sites, I'm pretty happy with the results so far.
Tapping Into The Visual Stimulus Of Your Web Site Visitors
"Oh, my eyes, my eyes! What an eye sore. Quick, click away! Click away!"
Ten Fatal Mistakes That Make Web Sites Stink
Since you'll spend lots of time and money to create your web site, don't you want to make sure you're not making mistakes that at best irritate users, and at worst make you lose customers?
Does Your Homepage Work?
All websites have a homepage. It is the most important page of your site. It acts as the main gateway to the entire site. Most of your prospective customers will enter through it. Its vital to get it right. You dont want them to just turn around and go away again.
Web Copy - What You Should Know First
Just what is web copy? Some people think that web copy is anything that is written on a web page. But that is "content" and it is decidedly different than web copy. Simply stated, web copy is the copy that is used to sell anything on a web page. So now you say, but that's "sales copy." And you would be partly correct, but traditional direct mail copy and web copy are two different animals.
Maximising Web Site Viewability - Resolution
This is my second article on maximising web site viewability. Analysing screen resolution data.
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. But how do you keep your website from becoming, well, ugh. You could hire a professional web designer, and that's expensive, or maybe you already hired a professional, or someone who claims to be professional, and you don't like what they're doing with your site. It all comes down to the K.I.S.S. principle; keep it simple stupid. And you're probably asking well what does this really mean for web design.
Hiring a Graphic Designer
You've come up with a great product. You've got the sales letter written for your website. Now you need the graphic design to complement your product and the text that describes it. Not being artistically inclined or adept at the technicalities of computer graphics, you decide you need some help.
Recipe For A Good Looking Web Site
We've all surfed the web and seen some awful web sites. Sites that never completely loaded. Sites with too many photos. Sites with no easy way to find what you wanted. Another way a site looks bad is when each page looks different. You're not even sure you're at the same site. It doesn't have to be that way. Templates are the solution.
Offshore Web Design and Development - Use Great Opportunities
Sooner or later every small or medium business owner realizes that he needs a web site for his business. And almost everybody wants to have great web site for affordable price because usually web site design budget is quite limited.
Website Design: Redecorate Your Web Site To Increase Sales
Getting traffic to your website is not the only factor that affects your sales.
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. The second advantage is that it allows you to quickly create new pages based on your standard design.
Ten Basic Steps For Building A Web Site That Works
1. Assemble a web site development plan that is integrated with your overall marketing processes; the content should be consistent with offline materials, the graphics/images don't have to be identical with traditional media, but should be consistent with your overall branding, style guide, usage of colors etc.
Good Web Design ? What Is It?
There is unlimited possibilities when it comes to designing a website. Flash, Database, content management, Client Login, etc,etc. A question to ask yourself when deciding how to do your website is:
Ten Design Mistakes to Avoid
Avoid these mistakes and your site will be steps ahead of your competition.
Alternative to Web Site Templates and Design Software
Before I discovered the concept of Web site templates, I felt woefully inadequate to build my own site. It was the old "catch-22" where I didn't have the money to pay to have a site built, I needed a site to make the money to have a professional site, and without the knowledge of how to build a site, I had no hope of getting a site.
The Psychology of Color in Web Design
Persons engaged in website design, here's a scoop for you! Would you just like to know that by understanding the basics of cognitive psychology around color and patterns, we could further improve our Web design!
The Key to Getting More Magic Shows Booked Online
This article is the result of a conversation I had with a magician about his website. He wanted to know if I could build him a nice looking site that had his name and contact information on it. I explained to him the purpose of having a website and what you want visitors to do when they land on your site.