Zusätzliche Schriftarten

Google-Fonts einbetten

Google bietet eine Reihe von freien Fonts (Schriftarten) an, die Ihr auch auf Eurer Jimdo-Webseite benutzen könnt, wenn Ihr die Fonts richtig einbettet.


HowToDo


1. Schritt: Such Dir einen passenden Font von der Google-Seite

Tipp: Auf der Google-Fonts Übersichts-Seite kannst Du die Fonts nach Kriterien filtern
(hier z.B. "nur Handschriften-Fonts") :

Tipp: Ein Klick auf die Schaltfläche "PopUp" gibt eine Übersicht der für den Font zur verfügung stehenden Schriftzeichen...

 

 

 


2. Schritt: Einbetten des Fonts

Für das Einbetten des Fonts auf unserer Jimdo-Webseite hol Dir die notwendigen Code-Snippets über die Schaltfläche "Quick Use":

Kopiere den Code für die Quelle des Fonts in den Head-Bereich Deiner Websete, und zwar ganz am Anfang des Head-Bereichs, noch über den Style-Anweisungen.

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

 

 

 

3. Schritt: Style anpassen:

Schreibe danach die Style-Anweisungen für den Bereich, dem der Font zugewiesen werden soll, in den Head-Bereich zu den CSS-Styles:

Beispiel für eine Überschrift zweiter Ordnung:

 

<style type="text/css">

h2 {font-family: 'Indie Flower', cursive;}

</style>


Tipp: Bei Text- und html-Feldern kann die Stil-Anweisung alternativ auch als Inline-Style direkt im html-Code des jeweiligen Elementes zugewiesen werden:

 

<h2 style="font-family: 'Indie Flower', cursive;">

...Überschrift in Schreibschrift

</h2>

 

Ergebnis:

  ...eine feine Überschrift in Schreibschrift!