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

Anyone who has 'attended' a physical meeting by 'conferencing in' in knows the frustrations & limitations that come from not being in the room. You're the voice in the ceiling & not equally represented in the conversation.

This is no longer acceptable.

http://ow.ly/EmFK50Fqqhu

Today, we find ourselves facing the “hybrid work paradox.”

Employees are keen to retain flexibility. At the same time, human-to-human collaboration remains important.

To marry the best of both, hone your strategy, spaces, & tech to suit employee needs.

http://ow.ly/JtVO50Fn8qX

It's the day of the show, y'all!

Join the #PixelMillWebinars this morning at 11am PST for a live panel discussion about what the #digitalworkspace looks like for a #hybrid team, & how #Microsoft365 can empower your users no matter where they're working.

http://ow.ly/q81i50FhITy

IT'S WEBINAR WEEK!

Join the #PixelMillWebinars this Thursday as we welcome key players from @OrchestrySoft, @KieferConsult, and @AP_Mortgage to discuss the hybrid work paradox and how #Microsoft365 can empower your users no matter where they're working.

http://ow.ly/2uc550FfqO6

We've all been itching to get "back to normal," but what does that mean? Are we missing out on valuable lessons learned by trying to return to something that perhaps wasn't working before?

Join us next week for a live panel discussion on the new normal.

http://ow.ly/CfsU50FdQXv

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch