Google-Schriftart einbinden

sasch1980 · 27. März 2012

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
[TABLE="class: highlighttable"]
[TR]
[TD="class: linenos"]
1
[/TD]
[TD="class: code"]
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
[/TD]
[/TR]
[/TABLE]

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
[TABLE="class: highlighttable"]
[TR]
[TD="class: linenos"]
12345
[/TD]
[TD="class: code"]
html, body { font-family: 'Cantarell', arial, serif; }
[/TD]
[/TR]
[/TABLE]

Jetzt kann die eingebundene Schriftart bewundert werden.

Vielen Dank im Voraus für die Antworten!

ID-R · 28. März 2012

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 · 28. März 2012

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 · 28. März 2012

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 · 28. März 2012

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):

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 · 28. März 2012

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 · 28. März 2012

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 · 28. März 2012

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?

sasch1980 · 28. März 2012

AW: Google-Schriftart einbinden

/templates/JTL-Shop3-Tiny/tpl_inc

Ich habe sie gefunden.

ID-R · 28. März 2012

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?

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 · 28. März 2012

AW: Google-Schriftart einbinden

Danke. Dann mach ichs so. Ist ja auch übersichtlicher.
Habs geschaft dank deiner Hilfe! Danke!

Suche

Suche

Google-Schriftart einbinden

sasch1980

Gut bekanntes Mitglied

ID-R

Aktives Mitglied

McClane

Aktives Mitglied

ID-R

Aktives Mitglied

Zillis-Web

Guest

ID-R

Aktives Mitglied

sasch1980

Gut bekanntes Mitglied

sasch1980

Gut bekanntes Mitglied

sasch1980

Gut bekanntes Mitglied

ID-R

Aktives Mitglied

sasch1980

Gut bekanntes Mitglied

Ähnliche Themen