• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Feedback gewünscht google font wird nicht dargestellt

frankmehlhop

Neues Mitglied
Hallo,

auf meiner Seite mehlhop.com wird der eingebundene Font 'Lobster Two' (von google) in den Überschriften nicht richtig dargestellt.
Es erscheint immer Comig sans, selbst wenn ich es direkt einbinde (<h1 style="font-family: 'Lobster Two', cursive;">Webseiten-Erstellung...</h1>.

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

Im css steht h1 {font-size: 40px; font-family: 'Lobster Two', cursive;}
(das Selbe für h2, h3 und h4).

WARUM WIRD DIE SCHRIFT FALSCH DARGESTELLT?
Grüße,
Frank
 
Werbung:
Hallo

WARUM WIRD DIE SCHRIFT FALSCH DARGESTELLT?

Auch wenn du schreist (durch die Großbuchstaben) wird dir das mit deinen Angaben niemand beantworten können. Dazu ist der gesammte Quelltext erforderlich, am besten ein Link zu der Seite.

Deine beschriebene Art der Einbindung der Schriftart ist jedenfalls korrekt und funktioniert grundsätzlich:

Code:
<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8"><!-- Schließende Slashes sind unter HTML5 nicht erforderlich, aber erlaubt -->
   <title>Google Font einbinden 01</title>
   <meta name="description" content="HTML5, CSS3">
   <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400italic' rel='stylesheet' type='text/css' />
   <!-- Internes CSS ("type="text/css" ist unter HTML5 nicht erforderlich) -->
   <style>
      h1,
      h2,
      p {
         font-size: 40px; font-family: 'Lobster Two', cursive;
      }
   </style>
</head>
<body>
   <h1>Google Font Lobster Two</h1>
   <h2>Google Font Lobster Two</h2>
   <p>Google Font Lobster Two</p>
</body>
</html>

Die Ursache des Problems muss also an anderer Stelle liegen.

Gruss

MrMurphy
 
Werbung:
Werbung:
Hallo,

das scheint Browser- und /oder JavaScript-Abhängig zu sein. Bei mir:

Im IE11 wird die Schrift angezeigt.

Im Chrome wird die Schrift nicht angezeigt.

Im Opera wird die Schrift nicht angezeigt.

Wobei ich bei den dreien nicht weiß ob die bei mir JavaScript blockieren oder nicht, da ich die nur ausnahmsweise benutze und mich mit den Einstellungen nicht auskenne.

Im Firefox mit durch NoScript blockiertem JavaScript wird die Schrift nicht angezeigt, obwohl sie laut "Element untersuchen" aktiv ist und damit angezeigt werden sollte.

Im Firefox mit zugelassenem JavaScript wird die Schrift angezeigt.

Die Ursache habe ich aber noch nicht finden können.

Gruss

MrMurphy
 
Werbung:
Zurück
Oben