Pictogramme in Buttons & W3Total Cache / CDN

Hallo,

die Piktogramme stammen aus einer individuellen Schrift, die im Ordner /fonts liegen. Sind die auch auf dem CDN?

Ansonsten w?re ein Link zu z.B. einer Testseite gut, wo ich mir das einmal angucken kann.

Viele Grü?e,
JP

P.S.: Ein original Plugin gibt es übrigens nicht ??

Hallo JP,

Danke für den Hinweis.:-)

Der Font-Ordner ist mit Inhalt auch auf dem CDN.
Hier ein Link auf die Testseite.

Gru?,
Bernd

Und das CDN ist gerade aktiv?

…ist gerade aktiv. Die debug-Infos sind im Quelltext unten nachzulesen.

Bernd afk
(bis sp?ter)

So, habe es mir angesehen. Kurz am Rande: Den Rechts-Klick per JS zu blocken ist wirklich, wirklich MIST!

Zu deinem eigentlichen Problem:
Das ist wohl ein bekanntes Problem mit CDNs, Fonts und Firefox / IE. Im Safari zeigt er es übrigens problemlos an.

Firefox blockiert hier wohl die externen Fonts, weil es unerwartet von einer anderen Domain geladen wird. Die einzigen zwei potentiellen L?sungen, die ich gefunden habe, sind entweder den vollen Pfad anzugeben oder die .htaccess zu bearbeiten.

https://www.maxcdn.com/one/tutorial/how-to-use-cdn-with-webfonts/

Du kannst mal folgendes versuchen: Erg?nze in der style.css deines Themes dies:

@font-face {
    font-family: "shariff3uu";
    font-style: normal;
    font-weight: 400;
    src: url("https://cdnfsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.eot") format("embedded-opentype"), url("https://cdnfsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.woff") format("woff"), url("https://cdnfsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.ttf") format("truetype"), url("https://cdnfsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.svg") format("svg");
}

In IE11, Chrome und Firefox leider immer noch der gleiche Fehler.

Trotzdem Danke, auch für den Link!!

Vielleicht gibt es ja noch eine andere L?sung…

Probiers mal damit, dann kommt es von der richtigen Domain.

@font-face {
    font-family: "shariff3uu";
    font-style: normal;
    font-weight: 400;
    src: url("https://www.fsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.eot") format("embedded-opentype"), url("https://www.fsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.woff") format("woff"), url("https://www.fsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.ttf") format("truetype"), url("https://www.fsel.testit4me.de/wp-content/plugins/shariff/fonts/shariff3uu.svg") format("svg");
}

Bzw. n?chste Idee (ewig her, dass ich w3tc genutzt habe):

Geh bei W3TC mal auf den CDN-Tab und trage bei Rejected Files mal folgende Sachen ein:

?{plugins_dir}/shariff/fonts/*
{plugins_dir}/shariff/shariff.min.local.css

<Probiers mal damit, dann kommt es von der richtigen Domain.>

Super, genau das war schon die L?sung! Auf allen 3 o.a. Browsern funzt es nun.

Den Tipp mit den rejected files bei w3tc habe ich dann nach Wiedereinbau der alten styles.css auch noch mit Erfolg probiert; das funktioniert ebenfalls!

Tausend Dank und Sch?ne Pfingsten!

Grü?e
Bernd afk

Sch?n das es klappt ??

Ebenso ein angenehmes langes Wochenende!