google webfont einbinden?

**tilda** · 01.10.2019, 17:47

Guten Abend,
ich möchte gerne den google webfont work sans light und work sans regular einbinden.
Leider klappt es nicht mit dem Light

Ich habe unter Seitenlayout eingegeben.

'Work Sans', sans-serif;

Wie gebe ich den Schnitt (300) an?

Dann würde ich zusätzlich für
p{font-family:'Work Sans', sans-serif;}
und für h1
h1{font-family:'Work Sans', sans-serif;} (hier mit dem Zusatz light)
eingeben.

Beste Grüße
Tilda

**planepix** · 01.10.2019, 17:53

Hallo tilda,

wenn du den Google Font Hinweisen folgst dann so:

Code:

font-family: 'Work Sans', verdana, sans-serif;

Die Light hat dann

Code:

font-weight: 300;

die Regular:

Code:

font-weight: 400;

Empfehlen würde ich die lokale Einbindung; hier hilft -> https://google-webfonts-helper.herok...?subsets=latin.

**folkfreund** · 01.10.2019, 18:47

Siehe auch hier: https://community.contao.org/de/show...l=1#post511877

**tilda** · 01.10.2019, 19:20

Super, das hat geklappt - Vielen Dank.

allerdings habe ich ein kleines Darstellungsproblem, wenn ich Lightschrift (font-weight:300) angebe
Bei font-weight:400 ist alles gut.

beispiel-umlaut.png

Gibt es da eine einfache Lösung?

**tilda** · 01.10.2019, 20:08

Jetzt hat es geklappt - ich habe eigentlich nur das ü neu eingetippt -
Also vielen Dank für Alles.

***lucina*** · 02.10.2019, 07:32

Vermutlich hattest Du da was per Copy & Paste eingefügt (und vermutlich unter OSX) - manche Schriften sind so gestaltet, dass sie die Umlaute aus zwei Elementen zusammenbauen und das auch so codieren: In Deinem Fall aus einem "u" und einem Trema "¨".

Wenn das dann mit einer anderen Schriftart dargestellt wird, die diese zusammengesetzten Buchstaben nicht unterstützt, dann sieht das halt so aus. Das fiese ist, dass man das nicht sehen kann (ausser in einem Hex-Editor), sondern nur daran erkennt, dass man zum Löschen des Buchstabens dann zwei Backspaces benötigt ... ;-)