Lesefortschritt:

Abhilfe bei verkorksten Icons: Icon-Font des Divi-Themes automatisch laden

10. März 2024 | Divi-Theme, Fonts & Icons, HTML

Dieser Beitrag beinhaltet 236 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Das Divi-Theme kommt mit einem eigenen Icon-Font daher. Meist wird der sauber angezeigt – es gibt aber ab und an Pannen. Wenn Sie sicherstellen möchten, dass der Divi-Icon-Font in jedem Fall angezeigt wird, sollten Sie den Font in Ihre Website einbinden. Es ist ganz einfach.

Kopieren Sie einfach die untenstehende Codezeile und platzieren Sie diese in den <head>-Bereich Ihrer Website – im Backend unter Divi/Theme-Optionen/Integration:

<link rel="preload" href="wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf" as="font" type="font/ttf" crossorigin= "anonymous">

Schon wird der Divi-Icon-Font bei jedem Aufruf der Website automatisch geladen.

Werbung

Ähnliche Beiträge

  • Statt Font Awesome: Google-Icons einbinden und nutzen Ernsthaft erstaunen mag es niemanden: Auch Google bietet im Rennen um die beliebten Icon-Fonts mit. In der Bibliothek steht ein ganzes Füllhorn an Icons zur Verfügung. Anders als bei der…
  • Font-Awesome-Icons einbinden und verwenden Die Font-Awesome-Icons sind äusserst beliebt. Sie tauchen auf vielen Websites auf und werden immer mal wieder ergänzt. Die Einbindung auf der eigenen Website ist insbesondere mit einem Plugin nicht schwierig.
  • Das Divi-Menü mit Icons ergänzen Icons sind eine tolle Möglichkeit, das Menü der Website interessanter zu gestalten. Das richtige Icon sieht gut aus und gibt dem Nutzer einen Hinweis darauf, worum es sich bei dem…
  • DashIcons - die Alternative zu Font Awesome Vor kurzem haben wir Ihnen gezeigt, wie Sie Font-Awesome-Icons auf Ihrer Website verwenden. Es gibt aber noch eine Alternative, welche direkt in Wordpress sitzt. Die so genannten Dash-Icons auf der…

Kategorien

CSS-Stylesheet Divi-Theme Fonts & Icons functions.php header.php htaccess HTML Mediathek NAS Plugins Scripts SEO Sicherheit SocialMedia WordPress wp-config.php

Divi-Module

Akkordeon-Modul Audio-Modul Bild-Modul Blog-Modul Button-Modul Code-Modul Countdown-Modul Filterbares Portfolio Galerie-Modul Handlungsaufruf-Modul Kontaktformular-Modul Login-Modul Menu-Modul Portfolio-Modul Registerkarten-Modul Seitenleisten-Modul Slider-Modul Suche-Modul Testimonial-Modul Text-Modul Umschalter-Modul Video-Modul

Dr.-Code-Specials

Anker-Special Aufräum-Special Bilder-Special Blog-Modul-Special Dateidownload-Special Font-Special Icon-Special Menu-Special Nostalgie-Special Sicherheits-Special

Neueste Beiträge

Divi-Buttons als Stempel gestalten
publiziert am 9. Oktober 2024

So fügen Sie Text oder Symbole vor oder nach dem Zähler-Modul des Divi-Themes ein
publiziert am 6. Oktober 2024

Standard-Listenpunkte mit Divi-Icons ersetzen
publiziert am 2. Oktober 2024

Eigenes WordPress-Dashboard-Widget erstellen
publiziert am 29. September 2024

Feldnamen im Divi-Formular-Modul während der Eingabe verschieben
publiziert am 25. September 2024

sowie 388 weitere publizierte Tipps & Tricks

Geplante Beiträge

Massgeschneiderte Fusszeile im WordPress-Backend erstellen oder Fusszeile ganz ausblenden
erscheint am 13. Oktober 2024

Divi-Header oder -Footer auf einzelnen Seiten oder Beiträgen ausblenden
erscheint am 16. Oktober 2024

Animierter Website-Titel im inaktiven Browser-Tab
erscheint am 20. Oktober 2024

sowie 138 weitere geplante Themen

Child-Theme erstellen

Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden.

mehr Infos

Tipps & Tricks per Mail

Mit dem Newsletter von Dr. Code erhalten Sie sporadich die neuesten Hacks und Tricks zu CSS, Divi, Wordpress & Co. direkt in Ihr Mailpostfach.

anmelden

Themenidee?

Können wir Ihnen zu einem ganz bestimmten Thema weiterhelfen? Unsere Leserinnen und Leser haben oft die besten Ideen.

Themenvorschlag

Treffen Sie Vor­sichts­mass­nah­men bei der Nutzung der Inhalte dieser Website. Auch wenn die Tipps und Tricks erprobt sind, kann mal was schiefgehen.

Wir empfehlen, möglichst in einer Test­um­ge­bung zu arbeiten und/oder Si­che­rungs­ko­pien anzulegen, bevor Sie ans Werk gehen.

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.



Vielen Dank.

Pin It on Pinterest

Share This