+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
Datenschutz-Übersicht

Diese Website verwendet Cookies, damit wir dir die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in deinem Browser gespeichert und führen Funktionen aus, wie das Wiedererkennen von dir, wenn du auf unsere Website zurückkehrst, und hilft unserem Team zu verstehen, welche Abschnitte der Website für dich am interessantesten und nützlichsten sind.