Probleme mit Google Webfonts

[m-werk]

Hallo Leute,

ich hab ein Projekt, dort müßte ich von einer Google Webfont mehrere Versionen eintragen und auch dementsprechend zuweisen.

Ich hab im Layout unter Google Webfonds folgendes eingetragen: Open+Sans

Jetzt hat diese Schriftart aber mehrere Versionen. Ich bräuchte für Text: Open Sans: Normal 400 und für Überschriften: Semi-Bold 600.

Wie trage ich dies ein und wie trage ich es im CSS dann ein für Text und H1

LG, Andi

[Spooky]

Hallo Leute,

ich hab ein Projekt, dort müßte ich von einer Google Webfont mehrere Versionen eintragen und auch dementsprechend zuweisen.

Ich hab im Layout unter Google Webfonds folgendes eingetragen: Open+Sans

Jetzt hat diese Schriftart aber mehrere Versionen. Ich bräuchte für Text: Open Sans: Normal 400 und für Überschriften: Semi-Bold 600.

Wie trage ich dies ein und wie trage ich es im CSS dann ein für Text und H1

LG, Andi

Geh' auf Google Web Fonts, Suche nach Open Sans, klicke auf "Add to collection", klicke auf "Use", selektiere alle Styles die du haben möchtest, kopiere dir dann hier aus dem href

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

nur den Part nach family=, also Open+Sans:400,600

Im CSS benutzt du dann

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

bzw.

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

[bjarke]

Open Sans in Google Fonts

[m-werk]

Ok, das hab ich gecheckt, aber wie heißt das Contao-CSS-Element für font-weight? Hier kann ich ja nur die Schriftgröße angeben in px. Muss ich das im "Eigener Code" im CSS eingeben?

[kos]

Ok, das hab ich gecheckt, aber wie heißt das Contao-CSS-Element für font-weight? Hier kann ich ja nur die Schriftgröße angeben in px. Muss ich das im "Eigener Code" im CSS eingeben?

Hier komme ich jetzt nicht mit.
font-weight:= beschreibt die "Dicke" des Textes
font-size:= Schriftgröße (in px,em,rem,..)
Und das mit dem "Eigener Code" verstehe ich auch nicht.

Zum font-weight (Schriftgewicht) =>

de.selfhtml.org

w3schools.com in Verbindung mit dem Beispiel

[tab]

Da gehts um den internen CSS-Editor. Wenn eine Eigenschaft nicht über das Formular gesetzt werden kann, muss man sie unten im Feld "Eigener Code" eingeben.

[kos]

Danke!

Man sollte doch besser alles lesen und nicht nur überfliegen.

[comanche]

Ups ... hat sich erledigt! Ich war zu langsam *g*

Hier komme ich jetzt nicht mit.
font-weight:= beschreibt die "Dicke" des Textes

Der Schriftstil im Contao CSS-Editor bietet keine Werte wie "400" oder "500" etc. an.

AFAIK muss man also den Bereich "Eigener Code" dafür verwenden.

[tab]

Habe gerade mal nachgeschaut auf einer meiner Seiten, wo ich den Font auch benutzt habe für Überschriften. Firefox und Google Chrome scheinen semi-bold (600) anstandslos auch zu verwenden, wenn font-weight: bold; angegeben ist. Da habe ich damals gar nicht drauf geachtet, weil es offensichtlich funktioniert hat.

Edit: Eventuell im Titel des Themas mal die Webfonds in Webfonts ändern, nicht dass mal jemand beim Nachlesen enttäuscht ist, wenn er sein Geld in Google Webfonds anlegen wollte

[m-werk]

Ups, Titel hab ich nun geändert.

Danke für die Infos hier.