Featured

Google Fonts DSGVO konform lokal in Divi hochladen + bessere Lösung über Child Themes #WordPress



Published
Schriftarten verleihen deiner Webseite Charakter und sorgen dafür, dass diese sich von denen deiner Konkurrenten abhebt. Divi ist ein super flexibles Theme, dass es dir theoretisch super einfach macht, eigene Schriftarten im Divi Builder hochzuladen und zu verwenden. Wie das genau funktioniert, erläutern wir dir im ersten Teil unseres heutigen Videos.

Damit jedoch noch nicht gefehlt, denn wir erläutern dir darüber hinaus, welche Nachteile mit dieser Methode einher gehen und auf welche Lösung wir setzen und welche Vorteile diese mit sich bringt. Wir hoffen, wir können dir so ein wenig aufzeigen, warum eine Implementierung über dein Child Theme der wesentlich sinnvollere Weg ist.


Besuche uns ebenfalls auf https://divi-tutorials.com, wo du all unsere Tutorials rund um WordPress und dem Divi Theme finden kannst.

Unseren Stream findest du auf https://twitch.tv/nextab_de, indem wir dir 4 Tage die Woche mehr rund um die Themen Webdesign und Webentwicklung beibringen.
Eine sich gegenseitig helfende Community findest du auf https://divi-tutorials.com/discord und Facebook https://www.facebook.com/groups/divitutorials.

----------
Timestamps:
----------

0:00 - Warum die Verwendung von Google Fonts nicht DSGVO konform ist
1:41 - Wie man Google Fonts lokal in Divi hochlädt
3:59 - Nachteile bei der Standard-Lösung über die Divi-Einstellungen
6:14 - Die Vorteile der Lösung per Child Theme Implementierung
7:09 - Erläuterung unserer Profi-Lösung per Child Theme (mit SCSS)
9:48 - Erstellen des CSS Codes zur lokalen Einbindung mit dem Google Webfonts Helper
13:31 - Lineares Skalieren von Schrift mit der clamp-Funktion
18:43 - Zusammenfassung der Vorteile der Child Theme Methode

----------
Videovorschläge:
----------

Fehlermeldung "Dateityp aus Sicherheitsgründen nicht erlaubt" umgehen:
https://www.youtube.com/watch?v=TFirdjs0KwA

Wie erstelle ich ein WordPress Child-Theme:
https://www.youtube.com/watch?v=wFSnYkCNhYo

EINFÜHRUNG in SCSS: Verschachtelungen, Pseudo-Klassen, Styles erben & viel mehr:
https://www.youtube.com/watch?v=lukUVQLwniM

----------
Links aus dem Video:
----------

Google-Webfonts-Helper:
https://google-webfonts-helper.herokuapp.com/fonts

Can I use "woff"?
https://caniuse.com/?search=woff

Artikel zu clamp():
https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/#for-those-who-dont-mind-that-edge-case

----------

Das Divi Theme*: https://divi-tutorials.com/divi_y
Unser Webhost*: https://divi-tutorials.com/all-inkl_y
Konto für Selbständige*: https://divi-tutorials.com/kontist_y
Unser Tipp für E-Mail-Marketing*: https://divi-tutorials.com/activecampaign_y

----------------
Die Musik im Clip stammt von Andrew Applepie, einem Berliner Künstler, den ihr hier unterstützen könnt: https://www.patreon.com/andrewapplepie/

Alle Links, die mit einem * vermerkt sind, sind Partner oder Affiliate-Links. Durch das Klicken dieser Links unterstützt du uns und ggfs. bekommen wir einen geringen Anteil, wenn du ein Produkt oder Dienstleistung kaufst. Bei dir fallen keine Extrakosten an. In Manchen Fällen gibt es sogar einen Rabatt!
Category
Web design
Be the first to comment