Good news… upcoming ‘Web Fonts’ from Google mean that websites in the future are going to look much, much more interesting and still adhere to Search Engine Optimisation (SEO) friendly standards!
CSS design in the past has been hampered by the lack of font support on older computers. Using a “Helvetica” H1 tag for example may show up perfectly well on web designer’s iMac (with lots of fonts installed) but not on an average 6 year old PC with a limit set of default system fonts.
Converting a HTML heading into an image means that search engine spiders cannot read the text within the tag, also the heading cannot be converted into a traditional hover-over link. Turning a whole website into a set of images to keep a certain font has several major disadvantages towards SEO and can hide entire sites from Google’s search engine.
The font “Arial” is commonly used on websites as it’s a font found on nearly all computers and devices such as mobile phones. Arial also has the advantage of being the highest converting font with the best usability rating for readability rigorous testing has shown on high traffic sites.
Google’s Web Font Examples
Finally web designers are free to use a whole host of crazy, stylish and unique fonts, some examples are shown below. Try highlighting the text below to see that that font is within normal XHTML standards and how it uses a separate CSS file to control each font style:
Irish Grover Font
There are now over 100 web fonts from Google, if you are inventive with CSS placements you could create a whole XHTML news website for example without using a single image.
Google warns that any ‘beta‘ feature may disappear at any time without warning so whilst we’re not changing out sites just yet, just be prepared for the upcoming web font explosion worldwide!