We launched our Joebravo.net redesign

Launched Resurrected Histories website!

We welcome our new client, Popi Ice Cream

Popi Old Fashioned Ice Cream cups are

back from the printer and into the store freezer!

Client
Paleteria La Mexicana
1864 Pacific Ave
Long Beach, CA 90806
(562) 591-4366

Why won’t my fonts display on my site?

This may seem like a very simple question but there are several reasons why this happens. When you want your fonts to be selectable, scalable, changeable, and search engine friendly, your options are a bit limited.

For example, you can only see a font on a webpage that’s already installed on that individual computer. If on your webpage, a font looks different on your work computer from your home computer, your work computer probably doesn’t have that font.

Most Operating Systems come with a standard set of fonts. When you read or hear about web safe fonts, it is usually referencing this short list of fonts. You can use these fonts on your website and be reasonably sure that your viewers will be able to see them:

Arial, Arial Black, Courier New, Comic Sans, Impact, Georgia, Verdana, Times New Roman, Trebuchet MS

Although, some clients will insist on certain fonts being used—no matter what. A way to approach this in HTML, XHTML, or CSS is by listing an exotic font first in the code.  For example, one of my favorite fonts is FUTURA. If I choose to list it in the font-family code, it will be displayed on my computer but most likely not on your computer. It is always a good idea to have similar fonts as alternative options. If you choose a Sans-Serif font, list the font that is closest to the one you want.

{font-family: Futura, Arial, Helvetica, Verdana, Sans-serif;}

Also, using a graphic such as a GIF, a PNG, or a JPG of the desired font is a tedious alternative; granted as a headline, it isn’t too bad. Because of poor readability, bad design, and text reflow issues, using a graphic will create unnecessary work.

Lastly, using is a subscription based service to embed fonts is gaining popularity. There are hundreds, if not thousands of fonts to select. Typically, the service is monthly based and can range from a 30 day trial to $100 per month.

Here are some cool links for your reference.

Resources:
Font Samples

Google Web Fonts lets you browse all the fonts available via the Google Web Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

Webfonts Subscription service

Wikipedia Web Fonts

W3C CSS Fonts

My Fonts: Seen a font in use and want to know what it is?

Typeseter Compare screen types

If so, let me help.

My Brief Summary

Managed creative print and Web Designers in Marketing departments for ten years

Vendor negotiation/management to support Marketing and Creative departments

Multiple project management from concept to completion

Have worked as Production Artist, Illustrator, Designer, Art Director, Senior Creative Manager and Video Editor

Technical expertise:

Print: Solid prepress knowledge
Coding: CSS, XML, HTML,
Online Applications: WordPress, Zen Cart, Coppermine Photo Gallery, phpMyAdmin, cPanel, Google Docs, iTunes Store,
Offline Applications: Photoshop CS5, QuarkXpres 6, Illustrator CS5, Dreamweaver CS5, InDesign CS5, Premier Pro CS5, After Effects CS5, Soundbooth CS5, After Effects CS5, Encore CS5, Acrobat, Word, Excel, Access 2007, Picasa
Platforms: MacOSX, Windows NT Vista, Linux Ubuntu OpenSUSE
Online Networking: Facebook, Linkedin, Twitter, YouTube, Vimeo, Flickr, Stumbleupon, Digg, MySpace, del.icios, Ning,
Browsers: Firefox, Safari, Chrome, Internet Explorer, Opera, Netscape