Hinzufügen von Dashicon-Fonts zum Admin von vor 3.8 Installationen

Ich habe begonnen, die Dashicon-fonts auf meiner Seite mit den Themenoptionen für Benutzer von WP 3.8+ zu verwenden. Um auf <3.8 Benutzer zu achten, habe ich die Dashicon-Fonts zu meinem Theme-Ordner hinzugefügt und auch einen Eintrag oben in meinem benutzerdefinierten Admin-Stylesheet:

@font-face { font-family: 'dashicons'; src: url('fonts/dashicons.eot'); } @font-face { font-family: 'dashicons'; src: url(data:application/x-font-woff;charset=utf-8;base64,xxx) format('woff'), url('fonts/dashicons.ttf') format('truetype'), url('fonts/dashicons.svg#dashicons') format('svg'); font-weight: normal; font-style: normal; } 

(Ich habe die base64-Kodierung für die Kürze weggelassen)

Das funktioniert großartig, aber ich bekomme ein seltsames Verhalten bei den Schriften. Wenn ich den Admin in einem Tab offen lasse und für ein bisschen weggehe, dann komm zurück, hin und wieder haben sich die Webfonts in Quadrate verwandelt, als ob die Schrift fehlt.

Dies passiert nicht jedes Mal. Es scheint etwas zufällig zu sein.

In diesen Fällen werden die Webfonts normalerweise einfach durch Mausklick auf die Seite in ihre richtigen Symbole zurückversetzt.

Die folgenden Screenshots zeigen das Problem. Der erste Screenshot ist, was ich sehe, wenn das Problem auftritt. Der zweite Screenshot ist, was ich erwarte zu sehen, wenn die Dinge gut laufen.

Beachten Sie in der ersten Aufnahme, wie die WordPress-Label selbst zu einer Standard-Serif-Schriftart geworden sind.

Hier ist, wie es schlecht aussieht

So sollte es aussehen

Solutions Collecting From Web of "Hinzufügen von Dashicon-Fonts zum Admin von vor 3.8 Installationen"

Dies passiert manchmal, wenn die Schriftart mit einem falschen MIME-Typ gesendet wird. application/x-font-woff zum Beispiel ist falsch . Versuchen Sie, Ihrer Serverkonfiguration die richtigen MIME-Typen hinzuzufügen. In Apache können Sie das in einem .htaccess tun:

 AddType image/svg+xml .svg AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/vnd.ms-fontobject .eot AddType application/font-woff .woff 

Sie sollten dem Thema statementen für Ihre Benutzer hinzufügen, da ein Thema Serverkonfigurationsdateien nicht berühren sollte.

Um Dashicons im Front-End von WordPress zu aktivieren, füge den Code unten zu deiner functions.php Datei hinzu.

 wp_enqueue_style( 'dashicons-style', get_stylesheet_uri(), array('dashicons'), '1.0' );