Einfügen von Google Fonts HTML Code auf Website

Anna Auer

Hallo ihr Lieben,

ich beschäftige mich zur Zeit damit für den Betrieb meiner Eltern eine Website zu erstellen.
Leider kenne ich mich nur sehr wenig bzw. gar nicht mit HTML Programmierung aus.
Derzeit stehe ich vor folgendem Problem:

Ich würde gerne die Google Fonts Schrift "Alex Brush" in meine Website einbinden und habe dabei folgenden Code bekommen:

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

Google bietet einem die Hilfestellung eines Beispiel-Codes zur Einbettung (siehe unten)
Wenn ich nun jedoch versuche meine Schriftart durch die im Beispielcode zu ersetzen, erscheint nicht meine gewollte Schrift sondern eine Standardschrift.
Kann mir jemand weiterhelfen?
Und könnte mir jemand auch gleich eine Anleitung geben, wie ich der Schrift eine andere Farbe als schwarz verpassen kann und ggf. einen Effekt hinzufügen kann wie bspw. Schatten ?

Vielen Dank schon mal im Voraus.
Liebe Grüße
Anna
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<div>Making the Web Beautiful!</div>
</body>
</html>

threadi

Auf den ersten Blick sieht es korrekt aus, so wie Google es dir auch als Code anbietet: https://www.google.com/fonts#UsePlace…ction:Tangerine

Allerdings fehlt der Doctype, der ist wichtig für eine korrekte Darstellung.

Wenn Du die Seite über https aufrufst, könnte es sein, dass der Font nicht geladen wird da er über http ausgeliefert wird. Um das anzupassen musst Du eigentlich nur das Protokoll weglassen. Also:

HTML

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Tangerine">

Wenn auch das nicht geht, zeig einen Link zur Seite damit man es sich anschauen kann.

Tags