Google Helps Make Custom Web Fonts Easy

Google add another product to the already mighty list – Google Font Preview. Google Font Preview is an extension to the Google Font Library and the Google Font API that was launched way back in mid-May, making it easier to embed certain fonts into websites, change the way they look and give a wider range of fonts for the web that will be compatible on most user’s machines, instead of developers having to opt for ‘web-safe fonts’. For example:

This is Lobster, a Google Font that is unlikely to be installed on many users machines.

But yet it works. It also allows users to see how changing line-spacing, word-spacing and line-height, as well as adding shadow and various other settings, using switches and toggles to adjust the font to perfection. There’s almost 30 fonts in its Library, a number likely to grow over time.  It’s also completely open-source, too.

Google’s Font Preview allows users to see how the font looks before implementing it with a short selection of CSS, and a connection to Google’s font API. For example, some outputted code looks like this:

<link  href="//fonts.googleapis.com/css?family=Lobster:regular" rel="stylesheet" type="text/css" >
<style>
body {
  font-family: 'Lobster', serif;
  font-size: 43px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
}
</style>

Have a tinkle with the Font Previewer and see what you think.