Einfügen von Google Webfonts

[herbert]

Hallo,

ich möchte gerne die Google Font : Open Sans Condensed Light einbinden.

Open Sans kann ich ganz einfach einrichten, jedoch weiß ich nicht wie ich die Light 300 dargestellt bekomme. Danke für die Auskunft?

Hat sich in der neuen Contao Version die Editor Bearbeitung geändert? Wie kann ich dem Text im Editor Farben zuweisen? Nur im CSS ist es zu aufwändig.

Schöne Grüße,

Herbert

[dackelchen]

https://www.google.com/fonts#QuickUsePlace:quickUse, Da steh's (Punkt 3),

Farben einfügen weiß ich nicht, mache ich immer per CSS, damit ich, wenn das Theme wechselt ich das nicht noch versehntlich in den Inhalten habe.

[k-webdesign]

wie hast du es denn eingebunden? vermutlich hast du nur die normale Open Sans genommen, die Condensed ist ein extra Aufruf. Kombiniert sähe das z.B. so aus:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>

also erst die open sans und danach die condensed, jeweils mit den gewünschten schriftschnitten.

du musst die dicke über font-weight steuern. google bietet sie an als 300 und 700, also musst du diesen wert auch explizit setzen.

der Aufruf sollte aber sein:

font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300

oder ein beispiel für die kurz

font: 300 16px/18px 'Open Sans Condensed', sans-serif;

[ways2web]

man kann das direkt in den Layouteinstellungen der Seite machen, der punkt heißt "webfonts"

das ganze macht man so, wenn man zb mehrere schriften braucht: schrift1+mit+leerzeichen:400,700,300|schrift2:400, 300

[planepix]

Und für die Schriftformatierung schreibt man dann ins CSS:

font-weight:300;

[Samuell]

Im Seitenheader via

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans' rel='stylesheet' type='text/css'>

Hier noch ein Artikel zu dem Thema.
http://www.think-contao.de/google-we...verwenden.html

Ob die Angabe von "Open+Sans+Condensed:300|Open+Sans"
im Layout auch klappt kann ich Dir nicht sagen, da ich es gerade nicht testen konnte.

Ausgabe wäre dann im Header der Seite:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7COpen+Sans">

Es wird also "|" in "%7" umgewandelt.
Ob es so klappt kann ich nicht sagen, aber vielleicht magst Du das mal testen und dann Feedback geben.
Denn generell nennt das BE "|" als Trenner für Fonts.

EDIT: Oh ... da war ich mal deutlich zu lahm :-)

[herbert]

danke für die Hilfe, funktioniert einwandfrei.

[monaco]

ich habe auch probleme beim Anzeige der entsprechenden Schriftart.

Habe die Schrift Open Sans wie folgt eingebunden

Open Sans:300,400|Handlee 

und im CSS habe ich definiert:

body{
    font-family: Open Sans, sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.6;
} 

Leider wird mir Open Sans nicht dargestellt. Woran könnte das liegen?

[stefan-at-work]

Seitenlayout: Open+Sans:300,400
CSS: font-family: 'Open Sans', sans-serif;

[monaco]

Seitenlayout: Open+Sans:300,400
CSS: font-family: 'Open Sans', sans-serif;

habe es genau so eingebunden:
magst du mal schauen: http://schule.stars-training.de/unsere-schule.html

[stefan-at-work]

habe es genau so eingebunden:
magst du mal schauen: http://schule.stars-training.de/unsere-schule.html

sieht doch gut aus. Font wird doch geladen. Falls bei Dir nicht: Browsercache leeren

[monaco]

sieht doch gut aus. Font wird doch geladen. Falls bei Dir nicht: Browsercache leeren

Der Cache war es. Dankeschön. Ist dann richtig, dass font-weight im body nicht an h1, h2 etc. vererbt wird?

[mlweb]

Ist dann richtig, dass font-weight im body nicht an h1, h2 etc. vererbt wird?

Wenn bei Dir für h1, h2 etc. nichts im css steht wird das verwendet, was der Browser für diesen Selector vorschreibt. Bei den allermeisten (allen?) Browsern dürfte das "bold" sein.

Vererbung kommt nur dort zum tragen, wo für den Selector selbst nichts festgelegt ist.