Druckbare Version
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
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.
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:
also erst die open sans und danach die condensed, jeweils mit den gewünschten schriftschnitten.HTML-Code:<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
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:
oder ein beispiel für die kurzHTML-Code:font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300
HTML-Code:font: 300 16px/18px 'Open Sans Condensed', sans-serif;
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
Und für die Schriftformatierung schreibt man dann ins CSS:
Code:font-weight:300;
Im Seitenheader via
Hier noch ein Artikel zu dem Thema.HTML-Code:<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans' rel='stylesheet' type='text/css'>
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:
Es wird also "|" in "%7" umgewandelt.HTML-Code:<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7COpen+Sans">
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 :-)
danke für die Hilfe, funktioniert einwandfrei.
ich habe auch probleme beim Anzeige der entsprechenden Schriftart.
Habe die Schrift Open Sans wie folgt eingebunden
und im CSS habe ich definiert:PHP-Code:Open Sans:300,400|Handlee
Leider wird mir Open Sans nicht dargestellt. Woran könnte das liegen?PHP-Code:body{
font-family: Open Sans, sans-serif;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.6;
}
Seitenlayout: Open+Sans:300,400
CSS: font-family: 'Open Sans', sans-serif;
habe es genau so eingebunden:Zitat:
Zitat von stefan-at-work
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 leerenZitat:
Zitat von monaco
Der Cache war es. Dankeschön. Ist dann richtig, dass font-weight im body nicht an h1, h2 etc. vererbt wird?Zitat:
Zitat von stefan-at-work
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.Zitat:
Zitat von monaco
Vererbung kommt nur dort zum tragen, wo für den Selector selbst nichts festgelegt ist.