Eingene Schriftart einbinden

[Michi Löffler]

Hallo zusammen

Für eine Website möchte ein Kunde gerne die folgenden Schriftarten verwenden:
Typografie
Titel Poppins Bold
Untertitel POPPINS SEMIBOLD
Lauftext Poppins Light

Kann mir bitte jemand sagen, wie ich das am einfachsten einbinden kann ?
Und muss ich dann alle css anpassen, wo heute andere Texte und Grössen verwendet werden ?

Vielen Dank und Grüsse
Michi

[Franko]

Unabhängig von deinem Font/Lizenz findest du eine kleine Einführung dazu in der Doku:
https://docs.contao.org/manual/de/guides/webfont/

[lucina]

Die Poppins gibt es ja als Google-Font. Also kannst Du die Schrift entweder mit dem Code von Google, oder aber direkt auf Deinem Webserver gehostet einbinden.

Dazu könntest Du dann beispielsweise das Tool unter https://google-webfonts-helper.herok...?subsets=latin nutzen. Nach Upload auf Deinen Server formartierst Du halt wie immer per CSS.

[Michi Löffler]

Hallo Lucina

Von meinem Kunden habe ich folgenden Link erhalten: https://fonts.google.com/specimen/Po...tandard-styles

Hier will er die folgenden Schriften haben:
- Light (300)
- Semibold (600)
- Bold (700)

Kann ich nun nur die 3 Schriftarten runterladen oder als Link hinterlegen ? Und wie mache ich das am Besten im css wie Du das erwähnt hast, dass es dann überall entsprechend angewendet wird auf der Website ? zB "Light (300)" als generelle Schrift, "Semibold (600)" als Untertitel und "Bold (700)" als Titel ?

Sorry für die Fragen, aber dieses Thema ist mir total neu und fühle mich dabei etwas unsicher, wie ich das angehen soll.

Vielen Dank und Grüsse
Michi

[Franko]

Hallo Lucina

Von meinem Kunden habe ich folgenden Link erhalten: https://fonts.google.com/specimen/Po...tandard-styles

Hier will er die folgenden Schriften haben:
- Light (300)
- Semibold (600)
- Bold (700)

Kann ich nun nur die 3 Schriftarten runterladen oder als Link hinterlegen ? Und wie mache ich das am Besten im css wie Du das erwähnt hast, dass es dann überall entsprechend angewendet wird auf der Website ? zB "Light (300)" als generelle Schrift, "Semibold (600)" als Untertitel und "Bold (700)" als Titel ?

Sorry für die Fragen, aber dieses Thema ist mir total neu und fühle mich dabei etwas unsicher, wie ich das angehen soll.

Vielen Dank und Grüsse
Michi

Den Link zu den »Poppins Font« über das Tool »google-webfonts-helper« hat dir Lucina doch schon gegeben?
Du wählst die benötigten aus und kopierst diese.

In Schritt 3 »Copy CSS:« findest du bereits das benötigte CSS zu Einbindung (gegebenenfalls den Pfad anpassen).

Anschließend kannst du die vorhandenen nutzen ala

font-family: 'Poppins';
font-weight: 300;

usw..

[Franko]

Hab grad auf die schnelle dieses deutsche Video Tut dazu gefunden (Generell - nicht Contao spezifisch)
Evtl. hilft das
https://www.youtube.com/watch?v=f3wlyQvvddg