Mehrere Google Webfonts verwenden?

**schman** · 10.12.2012, 06:43

In Contao 3 gibt es unter Seitenlayout ein Eingabefeld für Google Webfont, leider kann hier nur eine eingegeben werden. Gibt es eine Möglichkeit mehrere anzugeben (ohne Erweiterung).
Wenn nein, würde was dagegen sprechen ein Ticket zu erstellen ob mehrere angeben zu können? Oder haltet ihr das für zu "übertrieben"?

**magicsepp** · 10.12.2012, 08:44

Servus,

normalerweise werden die Fonts durch das Pipezeichen | getrennt...

Beispiel: Helvetica:400,700|Verdana

und das geht nach wie vor ohne Probleme. Beispiele kann man sich bei Google Fonts zusammenklicken

Steht übrigends so auch im Tooltip des Feldes...

**LoneRider** · 10.12.2012, 09:18

Moin Moin,
reicht das, wenn die Fonts nur bei Goggle Webfonts eingegeben werden, oder muss man noch etwas zusätzlich im Heabereich eingeben?
Ich habe untenstehende Zeilen noch im Bereich "Zusätzliche <head> Tags" eingegeben

Code:

<link href='http://fonts.googleapis.com/css?family=Diplomata' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oregano:400,400italic' rel='stylesheet' type='text/css'>

**magicsepp** · 10.12.2012, 09:22

die 3 Zeilen können zusammen ins Google Font Feld folgendermassen eingetragen werden:

Code:

Diplomata|Fugaz+One|Oregano:400,400italic

**LoneRider** · 10.12.2012, 09:26

Danke magicsepp für deine Antwort,
das hatte ich auch gemacht und zusätzlich die Einträge im Headbereich.
Ich nehm die zusätzlichen Einträge mal raus, kann ja nicht schaden ein paar Zeilen Code zu sparen

Und wenns, widererwarten nicht funktioniert, sind sie ja schnell wieder eingefügt.

**schman** · 10.12.2012, 11:52

Danke für die Antworten, ich habe eben ein bestehendes HTML/CSS Konstrukt, dort wurden 2 Webfonts geladen. Im CSS sieht das eben so aus:

@import url(http://fonts.googleapis.com/css?family=Dosis:200,400);
@import url(http://fonts.googleapis.com/css?fami...:400,300,200);

Ich versuchs in diesem Fall mal via Pipe zu trennen.