Google has done it again with their new "Google Web Fonts". Now you can safely use a more extensive choice of fonts on your websites.

A major issue I have when working with graphic designers is the choice of fonts they choose. I fully understand the list of "web safe" fonts are pretty limited. But it is important that the web page renders consistently across all browsers and platforms.

Google Web Fonts

When I work with graphic designers and branding specialists I am given a website style sheet. This style sheet defines the colours and fonts for the specific html tags. Examples of these tags are body, h1, h2, h3, h4. If a non-standard font is used, an inconsistent look can result across different browsers with the biggest issue being the the variants of individual character size.

Let me explain the process of how a browser renders a font on a web page. Most recent websites will use CSS (cascading style sheets) to define the look of a web page. This is simply a directive for the browser to use in displaying the page. If the CSS file looks for a font that is not installed on the end users computer, the browsers will use the use the default font. This is often "Times New Roman". If the page is visually designed for a font that has a wider character base than the browsers default font then the visual page layout will be destroyed, with placements on in-line images skewed.

There have traditionally been a number of ways a website developer can force the use of a specific font.

  1. The font file can be included on the website then a script can see if the users computer has the font installed and if not, then install it. The problem with this is that not all browsers  support font installations and different operating systems have different requriement for their  font files. You also have to be sure you have the rights to distribute the font.
  2. A more commonly used solution is to use a server based script to convert the line of text to a flash based snippet, This works well, but has a problem with Apple based mobile devices.
  3. Use the font in an image, and replace the image with the line of text. This is usally used in headers. Sorry! But Search Engines do not read text in images. This reduces the opporutunity to utilise your keywords.

Google has come to the rescue allowing the website designers and website developers to have it both ways enabling the incorporation of great design and great search engine optimisation.

If you want to use these Google web fonts on your website we can assist you.

 
 

 

 

Take it to the next step....

Businesses, like people, come in all shapes and sizes

It is important to us that services we offer you, fit your business model, budget and can grow with your business.

Talk to us to find the right solution for you.

Contact Us

Click through to our contact form to get in touch.

Call us on  07 3103 3133

Business hours 9:00 am to 5:00 pm, Monday to Friday.

If calling from overseas, please use +61 7 3103 3133.

Chat with us

Send us a message through Facebook Messenger

https://www.messenger.com/t/TheICTShak

Send us an Email

You can send us an email and we will get back to you by the next working day.This email address is being protected from spambots. You need JavaScript enabled to view it.

Come and See Us

Conveniently located in Birkdale, by appointment only.

website map


Full Service Web Design Agency in Brisbane

Building websites since 2009, the experienced team of web designers support business owners


TOP