Google-Schriftart einbinden

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
Hallo,
ich möchte auf meiner HP die Google-Schriftart "Patrick Hand" für Überschriften einbinden.
Wie mache ich das?


Ich habe folgende Information gefunden. Weiß abr nicht, in welche Datei ich den Link setzen muss. Hier steht "in die HTML-Datei", aber davon gibt es ja so einige.


Kopieren Sie die erste Zeile als erstes Element in Ihrem <head> der html-Datei.
HTML

1

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


In der style.css geben Sie nun für den gewünschten Bereich die Schriftart an. In meinem Fall wird die Schrift auf der gesamten Webseite verwendet.

css

12345

html, body { font-family: 'Cantarell', arial, serif; <!--Cantarell wird als Standard verwendet-->}


Jetzt kann die eingebundene Schriftart bewundert werden.


Vielen Dank im Voraus für die Antworten!
 

ID-R

Aktives Mitglied
22. November 2007
443
0
AW: Google-Schriftart einbinden

Hi,

öffne das header.tpl und füge unter (Zeile 79)

HTML: 
<!--[if lt IE 7]>
      <link type="text/css" href="{$currentTemplateDir}themes/base/iehacks.css" rel="stylesheet" />
   <![endif]-->

folgendes ein:
HTML: 
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

öffne die theme.css und füge folgendes hinzu (am besten ganz unten):

HTML: 
h1,h2,h3 {font-family: 'Patrick Hand', cursive !important;}

jetzt werden alle H1, H2 und H3 Überschriften als "Patrick Hand" dargestellt
 

McClane

Aktives Mitglied
8. April 2011
713
0
bei Aachen
AW: Google-Schriftart einbinden

Hi IDR,
ich war gerade bei euch auf der Seite und da werde ich von dicken Backen eines Weihnachtsmannes erschlagen :)
Solltet Ihr vielleicht geringfügig ändern am 28.03 :)
 

ID-R

Aktives Mitglied
22. November 2007
443
0
AW: Google-Schriftart einbinden

ach das jahr ist so schnell um und weihnachten ist immer so überraschend da ;)

(hab es mal raus, thx)
 

Zillis-Web

Guest
AW: Google-Schriftart einbinden

öffne das header.tpl und füge unter (Zeile 79) ...
folgendes ein: ...
öffne die theme.css und füge folgendes hinzu (am besten ganz unten):
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.
jetzt komme ich ja aus dem Bauklötzer staunen kaum raus?!
Bei einer solchen Erklärung - ohne Zusatz auf den Hinweis mittels _custom, das ganze Updatesicher zu gestalten - von einem Templatehersteller und Moderator? Sorry aber da komme ich etwas ins grübeln.
 

ID-R

Aktives Mitglied
22. November 2007
443
0
AW: Google-Schriftart einbinden

Das Thema _custom.tpl ist hier im Forum reichlich erklärt und ich denke man muss nicht in jedem Post extra darauf hinweisen.
 

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
AW: Google-Schriftart einbinden

Vielen Dank für die schnelle und hilfreiche Antwort, ID-R! Tolles Forum!

Danke auch an Zillis-Web! Dass man Änderungen im costum-Template machen sollte, hatte ich schon gelesen. Trotzdem 1000 Dank für den Hinweis! Für mich als Laie ist jede Info hilfreich, die für Profis selbstverständlich ist!
 

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
AW: Google-Schriftart einbinden

Habe doch noch eine Frage dazu:
Wo finde ich das header.tpl?

themes.css habe ich ja in costum selbst angelegt. Darein habe ich den kompletten Inhalt aus einer base.css und Teile aus einer page.css eines anderen Templates hineinkopiert und diese geändert. War das richtig?
 

ID-R

Aktives Mitglied
22. November 2007
443
0
AW: Google-Schriftart einbinden

Zitat von sasch1980:
themes.css habe ich ja in costum selbst angelegt. Darein habe ich den kompletten Inhalt aus einer base.css und Teile aus einer page.css eines anderen Templates hineinkopiert und diese geändert. War das richtig?
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Du musst dort nur deine Änderungen einfügen, also nicht die komplette css Datei.

Der Shop holt sich die CSS Anweisungen die nicht in der theme.css enthalten sind aus den Standard CSS Dateien
 

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
AW: Google-Schriftart einbinden

Danke. Dann mach ichs so. Ist ja auch übersichtlicher.
Habs geschaft dank deiner Hilfe! Danke!
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Neu Wie kann ich den Titel bei Google Ergebnissen ändern? Allgemeine Fragen zu JTL-Shop 2
Neu Produktbewertungen bei Google Shopping mit anzeigen Technische Fragen zu Plugins und Templates 2
Neu Google Enhanced Conversion Tracking Email JTL Datalayer Technische Fragen zu Plugins und Templates 2
Neu Google shopping JTL SHOP 4 - "geht" nicht mehr Allgemeine Fragen zu JTL-Shop 1
Neu JTL Google Shopping Plugin - Bilder Updaten Plugins für JTL-Shop 3
Neu Wie andere Länder und Sprachen vom Google Shopping Plugin mit dem Merchant Center verbinden Plugins für JTL-Shop 6
Neu Cookies für Google Ads User helfen Usern - Fragen zu JTL-Wawi 0
Neu Google Shopping Plugin - Artikel filtern Plugins für JTL-Shop 3
Neu Google Pay ohne Funktion Plugins für JTL-Shop 2
Neu Google - Vaterartikel und Kinderartikel Smalltalk 4
Neu Konfigurator Einzelteile in Google und im Shop sichtbar Plugins für JTL-Shop 6
Neu Google Bilder Bot Zugriff auf /dbeS/bild.php?a=1375538&n=1&url=0&s=0 Allgemeine Fragen zu JTL-Shop 3
Neu Google reCaptcha v2 Plugins für JTL-Shop 1
Google Workspace und JTL Hosting / Bestätigung der Domain Einrichtung JTL-Shop5 1
Neu JTL Google Shopping Plugin - Farbe und Größe bei mehreren Sprachen Plugins für JTL-Shop 1
Neu Meta-Daten vom Artikel werden von Google nicht genutzt Allgemeine Fragen zu JTL-Shop 3
Neu Umsatz Unterschiede zwischen JTL Shop und Google Analytics Allgemeine Fragen zu JTL-Shop 0
Variationsertikel erstellen und in Woocommerce einbinden JTL-Wawi 1.9 4
Neu Teuerungszuschlag mit in die Vorlagen einbinden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0

Ähnliche Themen

Top Bottom