+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;

Haritomedia, Reisman
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.