How to Make Effective Use of Web Fonts
Writing for your web site is not the same as offlinewriting. The fonts used for print media are different thanweb fonts. This is because it's harder to read text on acomputer screen and visitors tend to scan your web pagesrather than read them word for word. When deciding on whatweb font to use, take into consideration the character ofyour 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 mayappear unprofessional and you may lose visitors to yourcompetition. So how do you decide on what web site font to use? 1. Analyze the character of your web site - for most websites you would use a large or fancy font for your headerto capture your visitors attention and a smaller web fontfor body text. When using a fancy font make sure it isavailable on most computers otherwise your visitors won'tbe 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 imagescan be seen on all computers, however it can't be read bythe search engines. They can only "read" text. Whendesigning images always use the "alt" tag to convey whatyour image is about. Try to include appropriate keywords inyour web site copy. This will help the search engines indexyour site. 3. Use a web safe font - there are 2 types of fonts thatare widely used: Serif Fonts - these are most widely used for PRINT media ieTimes Roman, Georgia, but are not good for the Web, becausethey are difficult to read on the screen. Serif fonts arethose that have fine cross-lines at the extremities of theletter. 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 forprint media. Here's a great readability study that was done whencomparing serif and sans serif fonts:http://www.wilsonweb.com/wmt6/html-email-fonts.htm 4. Use the correct font size - alternative font sizes addflavor and character to your web site. If you want yourtext to be viewed correctly for both PC and MAC users, thenit's better to use pixels rather then points. Points maylook all right on a PC but will appear smaller on a MAC(although these days there are only a small percentage offolks that use MACs). Use a large font size (ie Arial H1) for your main headertext, smaller font sizes (Arial H2, H3) for yoursubheadings and a point or pixel size of 10 or 12 for yourbody text. Generally I use Verdana 10pt for body text and Arial textfor headings. 5. Utilize Cascading Style Sheets (CSS) - these enable youto easily create a consistent font style across your entireweb site. If you want to change the font on all your webpages, 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 browserwill use the first one it comes to in the list that isinstalled. If none of the type faces in the list areavailable, it reverts to the default. Writing correct web copy using fonts that are easy to readand readily available, not only adds character to your webpages, but shows you care about the experience of yourvisitors. 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 tohis "Marketing Tips" newsletter for more original articles at:subscribe@isitebuild.com. You can read more of hisin-depth articles at: http://www.isitebuild.com/articles
MORE RESOURCES: Rock Archives - RETROPOP RETROPOP 25 Awesome About Us Page Examples For Web Design Inspiration Search Engine Journal Adobe Dreamweaver (2024) review TechRadar 30 Best Web Design Agencies To Partner With in 2024 Influencer Marketing Hub Are you up to build the next best website? Get started with one of these 5 web design courses Fortune Jeremy McGilvrey, A Houston Web Design Agency, Inks Long-Term Lease In Prestigious Williams Tower Office Space Yahoo Finance Why (and How) I Learned Web Development as a Data Scientist Towards Data Science We Need to Decarbonize Software IEEE Spectrum 18 Free Web Design Tools, Winter 2024 Practical Ecommerce Moving Your Website into the Web Design System (WDS) Washington State University Web Design Companies & Agencies In Austin To Know Built In Austin TSTC Marshall spotlights online web design and development program Marshall News Messenger Best web design software in 2024 TechRadar Top Web Design Trends 2024 Designmodo Why isn't Adobe doing web design better? Creative Bloq How to design a website: A beginner's guide CNN Underscored 9 Chicago Web Design and Development Agencies To Know Built In Chicago Best website design service of 2024 TechRadar Jessica Sorden's Transformation from Corporate Burnout to Web Design Maestro - by Carly Winchell The Ark Valley Voice Top 12 Non-Profit Web Design Agencies That Empower Philanthropy Influencer Marketing Hub Valve and Picnik vets Hatch new idea — a no-code web design platform for 'tech curious creators' GeekWire Valpo Web Design supports NWI No Child Hungry in fight against food insecurity with new website Valpo.Life Information technology students delve into web design with capstone project University of Missouri College of Engineering Best Web Design Software in 2024 USA TODAY Valpo Web Design & Marketing helps businesses through intentional design and forward thinking Valpo.Life 5 Top-Rated AI Website Builder Tools Software Advice Sweb CEO puts AI to work for small business web design San Antonio Report Website Design Services of Pop Machine Agency: Leading Wichita's Charge in Global Web Design Trends Yahoo Finance 5 seriously useful AI web design tools Creative Bloq Augmented Reality and the Future of Web Design | LBBOnline Little Black Book Revolutionizing Web Presence: Webness Studios Launch Specialist Website Design Services Yahoo Finance Locofy.ai's accelerates web design-to-code with AI as it pioneers Large Design Models Markets Insider How to Design an ADA-Compliant Website | CO- by US Chamber of Commerce CO— by the U.S. Chamber of Commerce Valpo Web Design & Marketing | Partners Valpo.Life Michelle Belleville Science@NASA 6 ways AI is changing web design Creative Bloq 15 Web Design and Development Trends You Need To Know in 2024 SpaceCoastDaily.com Best web development tool of 2024 TechRadar 7 Best Web Design Services of 2024 Newsweek 17 Free Web Design Tools, Fall 2023 Practical Ecommerce The best free blog websites Creative Bloq Grand Cayman Web Design Expert & SEO Qamar Zaman Book Build Google Knowledge Panel Offers Grand Cayman ... Yahoo Finance The best website footer on the internet Fast Company How web design trends have evolved Creative Bloq AI tools are killing web design jobs in South Africa Rest of World Mizzou alumna uses web design expertise to give back to engineering, community University of Missouri College of Engineering Top 13 Custom Web Design Agencies Specializing in Education Influencer Marketing Hub Top 12 B2B Website Design Agencies in 2024 Influencer Marketing Hub U.S. announces official web design system Boing Boing Regulator: “Harmful” Web Design Could Break Data Protection Laws Infosecurity Magazine Kansas City woman inspires Black students through coding, web designing WDAF FOX4 Kansas City 12 Top-Ranked Shopify Web Design Agencies Influencer Marketing Hub How Google perfected the web The Verge |
RELATED ARTICLES
Developing Your Winning Web Site Strategy Your web site is the key to your success on the Internet. You can use your web site to build your brand, increase sales, generate more leads, slash costs, and much more. Hexadecimal Color Notation on the Web When designing elements for your webpage, you will often be called upon to specify a color. For example, the code for a span shown below specifies that the color of the text within the span will be yellow. Other Ways to Look at Things Many people today are tired of the Microsoft software that came pre-packaged with their operating system. Some have switched over to Apple's Macintosh line, but for the most part we just put up with what we have. Speed Up Or Lose Out! How To Improve Your Websites Download Speed So your web site's online and you've got high rankings in the search engines attracting lots of visitors. But the statistics tell you most of them are leaving after viewing just one page, what's gone wrong?One possible cause could be a slow download speed of your web site's homepage or the web site as a whole. Bad Design Characteristics For A Website Making a poorly designed website is one of the easiest things you can do as a webmaster! You barely need to try! If you want to run a successful high traffic website there are many different elements of design that you need to implement, and ones you need to avoid.This article will describe some of the major design flaws in many new websites. Website Sales: Discover 10 Mesmerizing Insider's Tricks To Ignite Your Sales Marketing is not an easy skill to acquire.It requires patience and a lot of efforts in conducting many tests and improvement to get it right. 7 Benefits of HTML Validation You may not bother with html validation or writing simpleand clean code when designing your web site. Later you mayfind your site is slow loading, appears incorrectly in themain browsers and does not rank well for the major searchengines. Bad Web Design: ActiveX ActiveX uses an interesting method for enforcing security .. Web-Safe Fonts for Your Site Choosing the right typeface for your website copy is important, since it will affect the way your readers perceive your page (serious and formal, or friendly and casual). Aside from this, there are also important usability concerns. Orient Your First-time Web Site Visitor Imagine spinning someone around so profoundly and for so long that when you finally tell them to open their eyes, they ask "Where am I?" not knowing if they are even on the same continent they started from. When someone comes to your web site from a search engine or through a link from another site, it's like that for them. 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 Testimonial Trick One of the most popular methods of traffic generation is the link exchange. Not only can they generate fairly targeted traffic from other related web sites, the number of quality links to your site is also a major factor determining your web site's ranking in major search engines like Google. Optimized Web Page Template I want to give you a free web page template that will besearch engine friendly. Why?Well, I assume you want your web page to come up as high aspossible in search engines because that generates freetraffic. Web Page Building for Beginners 2 A search engine robot actually reads the wording on your web pages and places a certain amount of importance on what the content says, but not quite like a human does. A human will place the words together in their head and try to decipher the relevancy to them personally and decide within a few seconds whether they will continue reading or click to another site, whereas a robot counts words and places all relevancy in the numbers it finds. Website Maintenance: What Does it Take to Manage Your Website? Every action has a beginning phase where you launch your activity, a middle period in which you must sustain and develop it and a conclusion. Many people set up a website enthusiastically but then they find that they don't have the skills or knowledge to maintain and develop it. Great E-Cover Creation in 5 Steps There are several graphic software packages available to help you create your own e-covers for your product or service. Most provide you with a set of templates to choose from, and have varying degrees to allow you to modify the templates provided. 5 Powerful Ways To Get Zero Sales From Your Website I want you to imagine a lemon. In your mind's eye, see its yellow skin. You Too Can Have an Amazing Website It is a well-known fact that a successful business depends greatly on how it is marketed. With an ever increasing dependence on the web, the use of a professional website is not only a necessity, but a priority. How To Improve The Professional Look And Feel Of Your Website Projecting a professional image is paramount to your website's success. It can make or break your online business. Website Design - Choosing Your Colors Wisely Colors convey emotions and emotions heavily influence the decision-making process. Your choice of colors for your website should mirror the message and feeling you to hope to communicate to the viewer. |
home | site map |
Webdesign-box © 2006 |