Heute möchte ich Dir einen Tipp weitergeben und zwar zum Thema Google Fonts im Power Lead System einbinden und verwenden. Ich zeige Dir in diesem Blogartikel und Video Schritt für Schritt, wie Du eine Schriftart von Google für Deine PLS Seiten verwendest, um Dich zum Beispiel von anderen Landing Pages abzuheben.

Woher bekomme ich kostenlose Schriftarten für meine Webseiten?

Ich wollte für meine Landingpages moderne Schriftarten verwenden und habe mich daher gestern auf die Suche gemacht, wie ich diese in meinem Power Lead System verwenden kann. Dabei bin ich auf die Google Fonts gestoßen und habe hier über 600 Open Source Fonts entdeckt, welche wir alle für unsere Webseiten verwenden dürfen.

Google Fonts macht es schnell und einfach für jedermann, um professionelle und hochwertige Web-Fonts in die eigene Webseite einzubinden. Dank dem API-Service von Google können die Schriftarten in wenigen Sekunden der Webseite hinzugefügt werden. Dazu müssen keine Dateien kopiert werden, sondern die ganzen Schriften liegen alle auf den schnellen und zuverlässigen Servern von Google. Das beste ist, dass Google diesen Service uns kostenlos zur Verfügung stellt.

Ich bin ziemlich begeistert von den Google Schriftarten, weil sie schöner, besser lesbar und für jedermann frei zugänglich sind. Somit lassen sich moderne Schriften mit geringem Aufwand auf meinen Webseiten einsetzen.

Hier ist der Link direkt zu Google Fonts: https://www.google.com/fonts

Ich hatte ursprünglich nach der Schriftart Roboto gesucht, weil mir diese gerade im dünneren Style sehr gut gefällt und ich sie gerne teilweise auf meinen Landingpages einsetzen möchte.

Wie verwende ich Google Fonts im Power Lead System?

Wir benötigen eine Webseite, in der wir den gesamten HTML Code bearbeiten können. Vor allem muss es möglich sein zwischen dem <head> und </head> schreiben zu können. Denn dort wird die Schriftart von den Google Servern eingebunden.

Der Befehl zum Einbinden solch einer Schriftart sieht wie folgt aus:

<link href=’http://fonts.googleapis.com/css?family=Roboto:400,100′ rel=’stylesheet‘ type=’text/css‘>

Danach wird die Schriftart den CSS Styles auf der Webseite hinzugefügt, indem der Name der Schriftart mit dem Befehl font-family: ausgewählt wird. Die Schriftdicke kann mit Hilfe des Befehls font-weight: ausgewählt werden.

In folgendem Video zeige ich Dir Schritt für Schritt, wie ich die Vorlage „Any Company: Lead Capture #05“ von PLS kopiere und darin die Schriftart Roboto von den Google Fonts einbinde, um den Text auf der Webseite im Quellcode formatieren zu können. Anschließend vergleiche ich die Schriften der beiden Webseiten miteinander. Es mag sich vielleicht ein wenig kompliziert anhören, im Endeffekt ist es aber wirklich sehr einfach andere Schriftarten zu verwenden. Sehe Dir jetzt dazu mein Tutorial Video an:

[Tutorial] Google Fonts im Power Lead System einbinden und verwenden

Please accept YouTube cookies to play this video. By accepting you will be accessing content from YouTube, a service provided by an external third party.

YouTube privacy policy

If you accept this notice, your choice will be saved and the page will refresh.

 

Ich würde mich über einen positiven Kommentar von Dir freuen und falls Du weitere Fragen zum Power Lead System oder den Google Fonts hast, kannst Du mich auch gerne direkt kontaktieren.

Viele Grüße
Sebastian Zehner