What Fonts Work for Web Sites and Blogs?

If someone reading your Web site or Blog does not have the font installed that you used to build the HTML in your site, then, they will not be able to see it as you designed it.
For example: if you use a font like Franklin Gothic in your site and your visitor does not have it installed they will see the default Sans-serif font that is installed on their system, which is usually Arial.
If you used a Serif font like Century Schoolbook and your customer does not have it installed they will see the default Serif font that is installed on their system, which is usually Times Roman.
1) Web Safe Fonts that work on all platforms:
• Arial / Helvetica
• Courier New / Courier
• Times New Roman / Times
2) Fonts that work on Windows and the Apple Mac OS but not Unix/Linux and *nix variants are:
• Arial Black
• Comic Sans MS
• Georgia
• Impact
• Trebuchet MS
• Verdana
3) Other fonts that usually are cross-platform compatible:
• Avant Garde
• Bookman
• Garamond
• Palatino
4) If you need to use a font that is not on the list above you can make a .gif or .jpg image with the desired font . The easiest solution is to simply insert the picture in your Web. This text will not be seen by search engines so make sure to use an “alt” attribute (tag) on the image and repeat the text if it is an important keyword or keyphrase in the body of your text. If you want a cleaner, more sophisticated solution, you can use CSS to display the image behind the text, then hide the text by giving it a negative indent. (For specifics, search Google using the keywords “image replacement”.) This technique has the benefit of allowing you to still use standard markup for optimal search engine friendliness.
To learn more about Web typography, please see: http://web.mit.edu/jmorzins/www/fonts.html
Another great resource for Web Font and Typeface Information is here: http://www.efuse.com/Design/web_fonts_basics.html

Filed Under

Related

Are you preparing to launch a new #SharePoint intranet?

Don’t spring it on employees out of the blue. First, talk to as many of them as you can.

Planning is just phase one. For all of our tips, watch our recent webinar!

http://ow.ly/dsQM50GqPI5

It's that time again! Join #Microsoft MVP & Regional Director, @EricOverfield on Thursday, October 28th, at 11:00 AM PST as he walks through #MicrosoftViva’s current state & offerings and what they mean to your #digitalworkspace right now.

http://ow.ly/3QFK50Gnx9f

It's the final countdown! Join @EricOverfield at 11am PST to learn about common pitfalls and paths to success when moving to #SharePointOnline. You'll walk away with practical tips to use in your organization today!

http://ow.ly/fdf150GjyJT

In today's episode of the #PixelMillWebinars, you'll learn from the experience of a global organization’s path to digital teamwork victory and get to see first-hand how to successfully plan a smooth migration for your team.

Join us at 11am PST!

https://pixelmill.com/webinar-9-takeaways-from-a-global-organizations-migration-to-sharepoint-online/

It's the day of the show y'all! Join #Microsoft RD +MVP @EricOverfield at 11am PST as we walk you through a multi-national enterprise software company’s migration journey to #SharePointOnline. Learn about common pitfalls and paths to success.

http://ow.ly/cN9250GjtGk

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch