Responsives Modified Template awesome fonts Darstellung Androidbrowser

[Viol]

Ich nutze modified 2.0 mit dem responsiven Template von modified Team.
Die Icons des awesome fonts werden in einigen Android Browsern ( z.B. opera und cliqz) nicht richtig dargestellt. Die Icons sehen eher wie chinesische Schriftzeichen aus.
Kennt jemand von Euch evt. eine Lösung? Gerade der Opera ist ja durchaus ein verbreiteter Android Browser.
Das Menuicon sieht so aus: und der Warenkorb 

Linkback: https://www.modified-shop.org/forum/index.php?topic=35576.0

[Bonsai]

Das passiert wenn eine font datei nicht verarbeitet werden kann / zu spät geladen wird / blockiert wird etc.
Oder es wird ein Font verwendet der aus irgendwelchen Gründen nicht auf dem Gerät läuft.

Zieht das Template den Font von einem CMS? Wenn ja, lege mal den Font nach lokal. Das Problem hatte das Rainbow template bei mir auch, allerdings nur beim ersten Seitenaufruf.

Lösung war:
1) font auf dem eigenen Webserver ablegen
2) fontdatei zu beginn der CSS Datei laden

Informiere doch mal Torsten mit dem Moderator informieren Knopf über das Problem. Das will er sicher behoben haben!

[Viol]

Hallo und danke für den Hinweis.
Beim Cliqz Browser wird auch beim ersten Laden der Font nicht geladen.
Beim Opera Mini hängt es auch davon ab, welche Stufe der Dateneinsparung der Nutzer eingestellt hat.
Ich hatte Torsten schon einmal per Mail über das Verhalten von Cliqz informiert. Da dies aber ein selten genutzter Browser ist, habe ich das  und aus dem Grunde  Torsten  vermutlich auch nicht weiter verfolgt.
Beim Opera sieht das aber schon anders aus, der aufgrund seiner Schnelligkeit bei schlechter Datenverbindung und seiner Werbeblocker sehr beliebt ist und mit dem kostenfreien VPN ( bisher nur für IPhone) sicher noch mehr Verbreitung finden wird.

[Fakrae]

Wobei es an der Stelle ja auch durchaus Absicht ist, dass der font-Dateien filtert - die sind schließlich normalerweise für die Anzeige der Seite nicht nötig und brauchen (unnötig) Daten.

[karsta.de]

Versuche mal folgendes: füge folgendes in deine .htaccess (Zeile 34)

Code: PHP  [Auswählen]

<FilesMatch "\.(ttf|otf|eot)$">
        Header set Access-Control-Allow-Origin "*"
</FilesMatch>

[p3e]

Ich finde bei den Fonts nur doof, dass grundsätzlich JS benötigt wird. Ohne sieht das dann auch aus wie bei dir.
Einige meiner Firmenkunden haben JS grundsätzlich deaktiviert. Aus dem Grund muss ich immer darauf achten, dass der Shop auch ohne Javascript läuft.

[hpzeller]

Hallo p3e,

der Font awesome, den Viol im Shop eingebunden hat benötigt kein JavaScript,

siehe hier -> http://fontawesome.io

und dieser Icon-Font auch nicht -> http://holdirbootstrap.de/komponenten

Gruss
Hanspeter

[hpzeller]

Hallo Viol,

werden die Icons in folgendem Link -> http://fontawesome.io/icons in den von dir genannten Browsern richtig dargestellt.

Gruss
Hanspeter

[Viol]

Hallo Hanspeter,

im Opera bei "extremer Dateneinsparung" nicht, beim Cliqz ja.( Beim Aufruf meines Shop zunächst nicht, nach Anklicken eines Links dann auch)

[hpzeller]

Hallo Viol,

möglicherweise wird der Font zu spät geladen, leider habe ich das Template 'tpl_modified_responsive' nicht, kannst Du mal den Inhalt der folgenden Dateien hier posten.

templates/tpl_modified_responsive/css/general.css.php

templates/tpl_modified_responsive/css/general_bottom.css.php

Gruss
Hanspeter

[fishnet]

Ich nutze modified 2.0 mit dem responsiven Template von modified Team.
Die Icons des awesome fonts werden in einigen Android Browsern ( z.B. opera und cliqz) nicht richtig dargestellt. Die Icons sehen eher wie chinesische Schriftzeichen aus.
Kennt jemand von Euch evt. eine Lösung? Gerade der Opera ist ja durchaus ein verbreiteter Android Browser.
Das Menuicon sieht so aus: und der Warenkorb 

Hallo Viol,
ich nehme an, das du deinen Shop am Anfang nicht mit dem Link aufrufst, der in der configure.php steht.
Beispiel:
- du besuchst deine Seite mit
http://meinedomain.de
Nach Klick auf einen Link ändert sich dieses auf
http://www.meinedomain.de/kategoriename

Falls dem so ist, musst du in der .htaccess die www-Weiterleitung einschalten.
Suche

Code: PHP  [Auswählen]

#RewriteCond %{HTTP_HOST}                 !^www\.(.*) [NC]
#RewriteCond %{HTTP_HOST}                 !^(.*)\.(.*)\.(.*) [NC]
#RewriteCond %{HTTP_HOST}                 !^localhost(.*)$ [NC]
#RewriteRule ^(.*)                        http://www.%{HTTP_HOST}/$1 [R=301,L]

und entferne vor jeder Zeile die Raute #

[KD-Modelltechnik]

Hallo,
hatte das gleiche Problem, welches mit Deaktivierung der "extremen Dateneinsparung" behoben ist.
Allerdings ist die Kategorieauswahl ohne Funktion ...hat das was mit JS zu tun?

Gruß Dieter

[swisshurricane]

Ich kann das Problem in meinem Shop (Responsive Modified Template) nachvollziehen, wenn ich den Opera Emulator verwende http://www.opera.com/de/developer/mobile-emulator.

Die genannten htaccess Änderungen halfen nicht.

[Markus]

Hallo,

bitte mal die beigefügte zip Datei entpacken und die ganzen Dateien hochladen.
Die bisherigen Dateien einfach vorher sichern ... und dann überschreiben. Es handelst sich hierbei nur um die Font-Dateien von Font-Awesome sowie die CSS Datei von Font-Awesome.

Zum einen ist hier ein Fix mit eingebaut .. zum anderen auch gleich ein Update auf Font-Awesome 4.6.3.

Bei mir klappt es so auch mit Opera Mobile ... dann kann ich das gleich mit in den Trunk übernehmen.

Markus

P.S. Auch bei font-awsome auf der Website gibts das Problem mit den Icons in Opera Mobile ... auch dort werden die nicht angezeigt.

[p3e]

Hallo p3e,

der Font awesome, den Viol im Shop eingebunden hat benötigt kein JavaScript,

siehe hier -> http://fontawesome.io

und dieser Icon-Font auch nicht -> http://holdirbootstrap.de/komponenten

Gruss
Hanspeter

Irgendwie braucht es doch JS. Habe gerade mal deren Seite mit ausgeschaltetem JS getestet: [ Für Gäste sind keine Dateianhänge sichtbar ]
Mit JS wird dann die Font angezeigt. (FireFox 48.0.2 und NoScript).


EDIT: Ich stelle gerade fest, dass es das FireFox AddOn NoScript ist, dass die Schriften blockiert. Wenn ich nur im Browser JS deaktiviere werden die Schriften korrekt dargestellt.