+41 (0) 22 548 33 66

Some Script Google Web Fonts

How to implement Google Fonts?

You can start using the Google Fonts API in just two steps:

1. Add a stylesheet link to request the desired web font(s):

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Font+Name"> 

2. Style an element with the requested web font, either in a stylesheet, for example:

h1 {
  font-family: 'Font Name', serif;
}

or with an inline style on the element itself:

<div style="font-family: 'Font Name', serif;">Your text</div>

Google Web Fonts

Want to see all of Google’s web fonts: https://www.google.com/fonts#

Google Web Fonts are easy to use on any website and add a personal touch.

A selection of some Google’s script web fonts to add a certain specitic feel:

 

ARIZONA

script-fonts-Google-Arizonia

Google Font Arizonia

HTML

<link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>

CSS

font-family: 'Arizonia', cursive;

GREAT VIBES

Google Font Great Vibe

Google Font Great Vibes

HTML

<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

CSS

font-family: 'Great Vibes', cursive;

Tangerine

Google Font Tangerine

Google Font Tangerine

HTML

<link href='https://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>

CSS

font-family: 'Tangerine', cursive;

PACIFICO

Google Font Pacifico

Google Font Pacifico

HTML

<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

CSS

font-family: 'Pacifico', cursive;

LOBSTER

Google Font Lobster

Google Font Lobster

HTML

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

CSS

font-family: 'Lobster', cursive;

LOBSTER TWO

Google Font Lobster

Google Font Lobster Two

Lobster Two comes in two weights, regular 400 and bold 700, each available as regular and italics:
https://www.google.com/fonts#QuickUsePlace:quickUse

HTML

<link href='https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic' rel='stylesheet' type='text/css'>

CSS

font-family: 'Lobster Two', cursive;