Best Fonts for the Web?
October 21st, 2009 by Bob Bly
You always read the old rule ?use serif type which is easier to read than sans serif.?
That may be true in print but it?s not online.
Reason: the lower resolution of the screen vs. print renders serif imperfectly, making it less attractive and more difficult than sans serif to read.
With that in mind, here are the best fonts for online marketing:
>> For e-mail marketing messages, use either 12-point Arial or Verdana.
>> Do not use Times Roman for web pages ? it?s a serif type and difficult to read online.
>> Recommended typefaces for web sites include Helvetica, Arial, Verdana, and other popular san serif fonts.
>> If your web pages are too light to read on screen or when printed, use a boldface font like Helvetica Bold Condensed.
>> The most common error in web page design is using too small a type size. Use at least 12-point type. Even 16-point won?t look awkward, and larger is easier to read than smaller.
>> For web page headlines, use Arial Bold in 2 or more point sizes larger than the body copy.
Do you have other fonts you like better? Or disagree with any of the above?
This entry was posted on Wednesday, October 21st, 2009 at 10:25 am and is filed under Online Marketing. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
October 21st, 2009 at 11:21 am
I’m confused. You tell us sans serif is “less attractive and more difficult than serif to read.”
Then you recommend sans serif fonts for online marketing.
October 21st, 2009 at 12:14 pm
Bob, you seem to be confused about the difference between serif and sans serif types.
And back in 80s, I saw some fairly compelling data that suggested the best fonts were what people were used to reading.
Engineers scored higher reading sans serif fonts (often used in tech docs), while those who read a great deal of fiction often scored higher/faster reading serifs.
The Web is a typographer’s nightmare, and let’s hope that we’ll soon have more interesting choices (than arial, etc) soon.
October 21st, 2009 at 12:51 pm
Ohh, font fun.
Fonts are designed for many different reasons, right now I am reading “The Elements of Typographic Style” which is an awesome book on the subject, talks about how the font is displayed makes a huge difference. Also people read a screen differently then they will read a pamphlet or book.
How content is displayed actually makes a significant difference to what font is best to use. A font that works best for imprinting, aka pressed into the page like a typewriter, is going to be vastly different compared to one that is to be ink-jet printed or laser printed or displayed on screen. I am sure that an e-Ink display has different font dynamics then an LCD or CRT display.
The biggest problem is that you are limited to what fonts are installed on the readers computer so you can only follow general guidelines and not use the best font for the job*.
In general, emissive displays like LCDs and CRTs should use a large sans serif font for easiest reading with lots of white space between paragraphs to make it easier to not lose track of where you are on the page.
*pdfs allow you to get around that, so why not design the whole pdf to be designed to be read on screen. What I mean is why save it in a portrait layout when most computers have landscape monitors?
October 21st, 2009 at 1:13 pm
TC: I’m not confused — I know the difference — but I did make a HORRIFIC typo which I have fixed.
I hope the correction clears things up for Debra.
October 21st, 2009 at 1:45 pm
Bob, thanks, I understand the difference too. 😉
Your intro paragraphs didn’t agree with the rest of the article though, so I wasn’t sure what you were trying to say.
October 21st, 2009 at 7:50 pm
To me, an issue as important as font selection or size is color. I don’t know why designers of so many sites — my own, I have to admit — put body copy in a dark gray rather than 100% black.
I’m wondering if some readability study or convention says that an 80% tint is better on the eyes. I prefer good old fashioned black on white.
October 21st, 2009 at 11:52 pm
[…] Best Fonts for the Web? – bly.com blog – bly.com direct marketing blog […]
October 22nd, 2009 at 1:41 am
[…] Best Fonts for the Web? – bly.com blog – bly.com direct marketing blog bly.com/blog/online-marketing/best-fonts-for-the-web – view page – cached — From the page […]
October 22nd, 2009 at 8:13 pm
[…] See the original post: Best Fonts for the Web? – bly.com blog – bly.com direct marketing blog […]
October 23rd, 2009 at 1:22 pm
I think your guidelines agree with the industry standards. There must be a threshold, though where serif fonts can be rendered well enough for reading online…like your logo at the top of this blog? I think headings are usually large enough for a serif font, but with phone-size browsers, maybe sans-serif is the safest route? Finally sometimes, typewriter fonts like courier are a good choice, especially for places where users input text (like here).
October 23rd, 2009 at 4:42 pm
I totally agree. I especially appreciate the advice about not going too small (one of my pet peeves).
October 23rd, 2009 at 6:33 pm
Bob—you are right on with your observations about which fonts to use and why.
Here’s my take after 41 years in the business. Let’s add a few basic rules to the fundamental laws of choosing easy-to-read typography for the WEB. (I have 11 major rules to share so to save space, I’ll list four. If anyone wants the whole list for free just email me.) Here are four simple rules which should be learned and followed.
1. Choose a typeface in keeping with your subject or topic. For example, do not use a delicate type Gill Sans Light to advertise heavy machinery or a heavy boldface type like Cooper Black to extol the virtues of a cosmetics company whose slogan is to ‘look 15 years younger’.
2. Remember that Italic online and in print is difficult to read. Use it sparingly for emphasis or better yet, highlight the word or phrase in yellow to make it stand out.
8. In considering the readability of type we must remember that the human eye can take in only so much comfortably. Type width should be planned around the reader’s eye being able to follow from the end of one line to the next without difficulty. Boomers and/or the over 50 market prefer to read larger type,14pt to16 pt (sans-serif) is best for this audience. Most web masters/graphic artists would agree that as a rule, it is difficult to read 6-or 8-point type set wider than 21 picas; 10-or 12 point wider than 18 to 24 picas; 14-or 18-point wider than 24 to 36 picas.
9. If you must use reverse type (light or white type on a dark/black background—use it in small doses, but not in the body copy. It’s better using it in a headline or subhead line—making sure it’s 24-point or larger. Reading large amounts of reverse type can cause eyestrain. For big blocks of text, it’s better to use dark text on a light background. For example, Black on yellow is easy to read.
Keep in mind that color packs a punch too—but that’s for another story on Which Colors to use on your Homepage to Attract, Engage and Hold a Visitors Eye™. Colored typography is expressive. Red denotes heat, fire, warmth or danger. Blue creates the impression of cleanliness and purity. The other colors of the rainbow all have inner meanings. Bob, perhaps you might ask your readers which colors they used on their homepage and why? email: andrewlinick@linick.net for ‘9 rules.’
October 24th, 2009 at 12:42 am
[…] Best Fonts for the Web? – bly.com blog – bly.com direct marketing blog […]
October 24th, 2009 at 8:39 am
Hey Bob,
I’ve run some font tests (in a non-marketing niche) and both Georgia and courier beat verdana (long style sales page, consumer info product.) I decided to test last year after I read an article stating serif fonts pulled well with “non-tech” products online.
It was 16 point Georgia over vs 14 pt verdana. (Not by a landslide however)
October 30th, 2009 at 9:22 pm
Clayton Makepeace used Courier in his “Makepeace Business System” sales letter which you can see in his webstore.
The folks over at Agora also use it in their financial promo’s.
I thought “Hell, if it’s good enough for them to test, it’s good enough for me.”
The letter I was writing was for an online advertorial selling a private equity opportunity.
One of the reasons I felt comfortable using it was because my market was rich, white, old guys.
People who actually have memories of using and receiving letters punched out on typewriters.
Not only was that in my favor, but courier offers lot’s of billowy white space in between the letters, which makes it easy on the eye.
This is good news for the retina that has more years behind it, than ahead of it.
If you’re ideal target is from an older generation, you may just want to test courier font for yourself.
Note Taking Nerd #2
http://www.mynotetakingnerd.wordpress.com
November 4th, 2009 at 11:47 pm
Nerd: everyone talks about Courier and typewriters, but my favorite typewriter typeface was and is Prestige Elite, which has fallen by the wayside.
November 13th, 2009 at 3:20 am
[…] and consultant Bob Bly recently published a blog post offering specific suggestions on the best fonts for online […]
November 25th, 2009 at 3:04 pm
I am trying to figure out what font to use in a redesign of my site. (See the prototype here: http://blog.ccnsteam.com/ )
Anyway, my web designer has set it up in Verdana. On other sites I’ve used Georgia and Tahoma which seem to work well.
Any thoughts on this?
Thanks,
Nathan
November 29th, 2009 at 4:44 pm
Nathan,
Tahoma is a nice font, but whatever percentage of your audience uses Linux, they won’t see it because it isn’t generally available to them. So make sure to include a fall-back font in your CSS.
February 12th, 2010 at 9:48 pm
I love to use Tahoma and Courier. It’s more pleasing to the eyes than Times New Roman and any other typeface.
February 22nd, 2010 at 12:35 am
You should use a common font so people will be able to outlook it as you designed the page. I would furthermore recommend a san-serif font, as the serifs can make the font less legible onscreen, particularly at a smaller size.
January 3rd, 2012 at 4:57 pm
Starwars the old republic…
[…]Best Fonts for the Web? – bly.com blog – bly.com direct marketing blog[…]…
May 26th, 2012 at 12:16 pm
uxaiKQ,
May 26th, 2012 at 12:48 pm
turnkey…
[…]Best Fonts for the Web? – bly.com blog – bly.com direct marketing blog[…]…
May 27th, 2012 at 2:04 am
UEJXsoa
May 27th, 2012 at 2:45 am
wgRZjGC
August 9th, 2012 at 9:52 am
http://onlineinstantsamedayfastcashadvanceloans.us/#258384 – loans online – cash loan – http://onlineinstantsamedayfastcashadvanceloans.us/#106282 cash loan
April 9th, 2013 at 10:46 pm
ulrhwcmz, Genf20 hgh true or false clains, JcmwmvV, [url=http://iprayonline.com/]Hgh genf20[/url], qJxbWSa, http://iprayonline.com/ Genf20 hgh releaser reviews, llvdzVk.
April 9th, 2013 at 11:03 pm
kdbzucmz, Electronic Cigarettes, LMVmdgE, [url=http://theelectroniccigaretteboutique.com/]Vapor pak electronic cigarettes[/url], xZgUoFq, http://theelectroniccigaretteboutique.com/ Consumer review of electronic cigarettes, YLasDuu.
July 5th, 2013 at 4:21 pm
Could anyone recommend a particular brand of electronic cigarette for a newbie? And where to get it?
July 21st, 2013 at 6:13 am
Excellent items from you, man. I’ve be mindful your stuff prior to and you’re simply extremely excellent.
I actually like what you’ve bought right here, really like what you are stating and the way wherein you say it. You’re making it enjoyable and you continue
to take care of to keep it sensible. I cant wait to learn much more from you.
That is really a great site.
November 6th, 2013 at 1:50 pm
Hi, I do think this is a great site. I stumbledupon it 😉 I may return once again since I saved as a favorite it.
Money and freedom is the greatest way to change, may you be rich and
continue to help others.
February 10th, 2014 at 4:48 pm
Hey I know this is off topic but I was wondering if you knew of any widgets I could add
to my blog that automatically tweet my newest twitter updates.
I’ve bden looking for a plug-in like this for quite some
time and was hoping maybe you wouod have some experience with something like this.
Please let me know if you run into anything. I truly enjoy reading your
blog and I look forward to your new updates.
February 13th, 2014 at 9:40 am
My brother recommended I might like this website.
He was entirely right. This post truly made mmy day.
You cann’t imagine simply how much time I had spent forr
this info! Thanks!
April 28th, 2014 at 7:37 pm
This article presents clear idea designed for the new viewers of blogging, that actually how to do blogging and site-building.
May 7th, 2018 at 6:20 am
Best fonts are those which basically touches your heart when you read something.
Foremost Calendars are free, Click here
July 19th, 2019 at 3:11 am
Really nice and thanks for sharing. TeamOflox
October 9th, 2019 at 7:15 am
Sometimes you don’t have a choice but to do things that you wouldn’t have done otherwise. and Sometimes you regret your actions; sometimes your controversial actions are based on bizarre rationalization. Therefore you don’t feel any remorse.
Astrological Remedies For Extra Marital Problems
April 26th, 2020 at 1:28 pm
17+ Best Useful CSS Tricks for Designer [ultimate]
A web designer enhances the beauty of a website. Websites are created with his hand-made CSS code.
The role of a web designer is immense to create a website. A web designer’s thought process to enhance the design of a website beautifully puts all the beautiful ways of the website together only with his hands.
learn more…
August 26th, 2020 at 2:11 am
Nice Article bro.. I also likes to play with web fonts.
I have created Font Changer website using unicode fonts where anyone can generate unlimited fancy & cool fonts with stylish symbols, emojis and letters.
January 13th, 2021 at 4:36 am
Hello Evereyone, I have created a website that provide stylish namnes and nicknames that can be used in games ( Free Fire, Pubg, Fortnite etc. ). And one the best article in my website is free fire guild name, you can check it one.
If there is any mistake then please let me know.
Thank You.
January 15th, 2021 at 12:16 pm
Hello Everyone, I have created a website that provides online and Eye-catching Unicode fonts. Font Changer Online
text generator tools create awesome and Super Stylish text that you can share it like Twitter, Whatsapp status, Instagram bio, Captions And cool Names in Online Games
May 30th, 2021 at 7:02 pm
Best font style online. It is a copy and paste Font Generator & font changer. Font Style – Font Changer Use these fancy text fonts in your Instagram, Facebook, Twitter, Reddit, Tumblr, WhatsApp. Linkedin Profile and Bio.
June 11th, 2021 at 9:25 am
Bringing home a new puppy is a wonderful experience involving the whole family, which is why we begin training early to ease the transition to their new home and family. Owning a pug puppy or French Bulldog puppy is hard work. Making amount of support, we assist in the preparations to make it less stressful. To provide a completely different environment for our puppies, we thoroughly researched and make sure this puppies will only go to respectable families
https://pugslandbreeder.company.com
June 18th, 2021 at 11:55 am
One More Website For Font Changer
June 28th, 2021 at 7:38 am
nice post https://www.monippro.online/
June 28th, 2021 at 9:39 pm
https://savannahbengal.company.com/
August 2nd, 2021 at 1:45 am
Very very nice post.
August 2nd, 2021 at 1:46 am
Nice suggestion. thanks for posting.
August 2nd, 2021 at 1:49 am
Really nice and thanks for sharing.
October 22nd, 2021 at 9:00 pm
Whois Checker for the website. Very nice post indeed.
November 8th, 2021 at 7:01 pm
I have created a website that provides online and Eye-catching Unicode hacked text generator.
November 15th, 2021 at 9:13 am
font online – make cool and designer fonts and text for your profile bio.
December 22nd, 2021 at 2:05 am
Use the fancy font changer to generate creative fonts. To get attractive font styles with special letters and symbols, try our Font Keyboard tool. This tool comes with a user-friendly interface and amazing features like an easy copy-paste option. Create beautiful messages with these text styles and emoticons and share them with your friends easily.
December 22nd, 2021 at 6:22 am
Our Poster maker has multiple templates designed by our creative designers. You can choose any poster template design that reflects your brand and fulfill your requirements. We also have the Poster maker app that lets you make awesome posters, flyers, banners in minutes.
December 23rd, 2021 at 6:06 am
Make your Instagram profile attractive by adding the highlights logo and reel covers. If you are searching for an easy way to design cover highlights and reel covers for your Instagram stories, then you can try the Cover maker app. The app has thousands plus ready-made templates for logos, reel covers, thumbnails, and highlights covers.
February 13th, 2022 at 11:06 am
font style online – 8M user use this tool unique font
February 13th, 2022 at 11:11 pm
font style online – 8M user use this tool unique font
May 17th, 2022 at 1:40 am
Good to know about the information you have shared with us. I think your tips and strategies could help the writers to do their works properly
June 13th, 2022 at 3:40 pm
Our experienced team is considered one of the best in the real estate market. We assist you in selling your houses at the best rates. You can list your Houses for Sale in Long Island on our website. We offer rental services as well so you can rent your beautiful homes. Here are a few tips to help how one can sell their home.
July 14th, 2022 at 2:21 am
I totally agree with you. I think the font color you choose is completely suitable. flixdle
September 22nd, 2022 at 10:59 am
Our career coaches have decades of experience and have taken thousands of interviews across different industries – so you’ll be in AMAZINGGG hands for your Interview Tips
October 27th, 2022 at 5:53 am
Website development Ireland and Dublin that offers a complete digital solution in taking your business online. Our Award Winning Agency not only devises strategies for your brand, but we own it like our own.
November 3rd, 2022 at 12:54 pm
Really helpful. Thanks for sharing. Do you want to know what is trending on YouTube? Check out YouTube Trend.
December 2nd, 2022 at 9:38 am
advance fitness by Bilal Brothers, established in 1979, is the leader in exercise, fitness, gymnasium and indoor sport equipment all over Pakistan. We work only with the world’s top brands and are proud to serve our customers with top-notch after sales service.
January 4th, 2023 at 5:06 am
Full Stack Java Software Developer to build the mission critical software that powers some of the world’s most successful companies. We solve their business problems through agile and cloud native software innovation. They choose us because we offer the cutting-edge talent they need to change faster, easier and more profitably; but they stay with us long term because we deliver every time.
January 30th, 2023 at 1:01 pm
Really nice and thanks for sharing. It is really helpful for me.
February 1st, 2023 at 11:16 pm
There are many different type of font for you to choose. Arial is a versatile sans-serif font with a capybara clicker contemporary feel.
February 19th, 2023 at 10:36 pm
With its insightful observations and contexto insightful commentary, this wordle article is sure to spark important conversations and debates in the days and weeks to come.
February 22nd, 2023 at 1:49 am
https://wikismm.info/
this is best panel
March 11th, 2023 at 10:14 am
great pattern, tute and message! So many think they can text, talk and drive and the rest of us spend half our time avoiding them!
Visit this Page for more information or Site on this and view the most amazing content of all the time.
March 14th, 2023 at 5:47 am
download pinterest video here savefrompinterest
March 25th, 2023 at 1:40 pm
Nice Article bro.. I also likes to play with web fonts.
Read Shri Durga Chalisa in different languages.
March 25th, 2023 at 1:41 pm
Really nice post brother. Happy to read all this.
You can change your name with beautiful fonts in MyFont.