Sehr geehrte Damen und Herren,

ich versuche, im "Kazumi-Template" eine andere Schriftart und vor allem einen anderen Schriftschnitt für die Überschriften zu wählen. Und zwar hätte ich gerne den Google Fonts "Raleway" und als Schriftschnitt "Extra Light" gewählt.

Es ist mir bereits gelungen, im "Customizer" unter "heading font family: Raleway" einzustellen, was auch prima funktioniert. Wenn ich jedoch im "Advanced Mode" unter "heading font weight" 200 einstelle, ändert sich nichts. Nur bei "bold" ändert sich etwas, aber das will ich ja gerade nicht. Insgesamt werden offenbar nur "normal" oder "bold" unterstützt.

Gleichzeitig werden mir bei Google Fonts ( fonts.google.com/specimen/Raleway ) alle Schriftschnitte korrekt angezeigt, am Browser (Firefox 51.0.1) scheint es also nicht zu liegen.

Was tun?

Für Ihre Hilfe vielen Dank.

Hallo, es werden lediglich die regular ( 400) und die bold ( 700) geladen.
Eine Light sieht mitunter bei den Mac´s unter Safari etwas verpixelt aus. Bitte testen sie das im Vorfeld.

Sie können aber jede Fontgröße auch über einen import Befehl in der css/custom.css nachladen:
Fügen sie folgenden Code in ihre css/custom.css ein:

@import url(' fonts.googleapis.com/css?family=Raleway:300,400,700 ');

Herzlichen Dank für den Hinweis und auch den Tip im Hinblick auf Apple/Safari (werde ich im Auge behalten).

Leider funktioniert es nicht: Die custom.css, die jetzt aus einer Zeile besteht:
@import url('fonts.googleapis.com/css?family=Raleway:300,400,700');

wird zwar geladen, das Schriftbild verändert sich trotzdem nicht. Firebug liefert mir folgende Ergebnisse:

font-family "Raleway"
font-feature-settings normal
font-kerning auto
font-language-override normal
font-size 49px
font-size-adjust none
font-stretch normal
font-style normal
font-synthesis weight style
font-variant normal
font-variant-alternates normal
font-variant-caps normal
font-variant-east-asian normal
font-variant-ligatures normal
font-variant-numeric normal
font-variant-position normal
font-weight 300

Was könnte ich sonst noch versuchen?

Vielen Dank!

Hallo,
sie können die Headlines ebenfalls über die css/custom.css ansprechen:

h1,h2,h3,h4,h5,h6 {font-width:300 !important}

Herzlichen Dank. Leider hat das auch nicht das gewünschte Ergebnis gebracht.

Aber ich glaube, ich habe eine Lösung gefunden: Wenn man den import-Befehl mit "http://" schreibt, funktioniert es:
@import url(' fonts.googleapis.com/css?family=Raleway:100,200,300,400,700 ');

Nochmals vielen Dank!

Und jetzt sehe ich auch, warum es vorhin nicht geklappt hat: Im Forum werden Links automatisch umgewandelt. Da klappt einfaches copy&paste nicht...