Druckbare Version
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
Unabhängig von deinem Font/Lizenz findest du eine kleine Einführung dazu in der Doku:
https://docs.contao.org/manual/de/guides/webfont/
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.
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?Zitat:
Zitat von Michi Löffler
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
usw..Code:font-family: 'Poppins';
font-weight: 300;
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