Browser zeigt Symbole nicht richtig an

xnrdx

Newbie
Registriert
Sep. 2014
Beiträge
7
Hi,
ich habe schon länger das Problem, dass auf einigen Webseiten Symbole nicht richtig dargestellt werden,
im Chrome Browser wird stattdessen ein Rechteck angezeigt.
Auf MSN sieht das dann so aus.

6ix413e01u7.png


Am Browser liegt es nicht, denn der Firefox kommt auch zu keinem besseren Ergebnis.

u31ek83eoy0.png


Der IE zeigt hingegen gar nichts an.

Weiß da einer weiter? Fehlt mir 'ne Font oder so?
 
Wie ich sehe werden sie damit generiert:
content: "";

Was das ist habe ich aber noch nie gesehen.
Unbenannt.JPG
 
Schon probiert den Browser zurückzusetzen?
 
Zuletzt bearbeitet:
Wie bereits erwähnt: Am Browser liegt es nicht.
 
Sry, nicht gesehen.
Habe mal die MSN Seite mit aktiviertem NoScript aufgerufen und es sieht genau so aus wie bei dir.
Ohne NoScript läuft die Seite einwandfrei.
Daraus lässt sich schließen, dass dir vermutlich der Flash Player oder Java fehlt.
 
Zuletzt bearbeitet:
Es greift hier (sehr wahrscheinlich) ein JavaScript oder CSS Filter.
HTML:
<ul data-aop="Outlook.com">
 <li class="mail" data-aop="tile" data-id="30" data-m="{'i':30,'p':29,'n':'meStripe.mail','t':'me','o':1}">
 <a href="http://outlook.com/" target="_blank" data-piitxt="mail" piiurl="http://outlook.com/">
<h3>Outlook.com<span></span></h3>
</a>
 </li>
 <li class="integratedskype" data-abchenabled="true" data-module-id="startpage|meStripe|meStripe|meStripe.integratedSkype|meIntegratedSkype" data-aop="tile" data-id="31" data-m="{'i':31,'p':29,'n':'meStripe.integratedSkype','t':'meIntegratedSkype','o':2}">
 <a href="http://www.skype.com/" target="_blank" data-piitxt="integratedskype" piiurl="http://www.skype.com/">
<h3>Skype<span></span></h3>
</a>
 </li>
 <li class="office" data-aop="mestripe.office_meoffice" data-id="32" data-m="{'i':32,'p':29,'n':'meStripe.office','t':'meOffice','o':3}">
 <a href="https://office.live.com/start/default.aspx?WT.mc_id=MSN_site" target="_blank" data-piitxt="office" piiurl="https://office.live.com/start/default.aspx?WT.mc_id=MSN_site">
<h3>Office<span></span></h3>
</a>
 </li>
 <li class="onenote" data-aop="mestripe.onenote_meonenote" data-id="33" data-m="{'i':33,'p':29,'n':'meStripe.onenote','t':'meOneNote','o':4}">
 <a href="https://www.onenote.com/notebooks?WT.mc_id=MSN_OneNote_TopMenu&amp;auth=1" target="_blank" data-piitxt="onenote" piiurl="https://www.onenote.com/notebooks?WT.mc_id=MSN_OneNote_TopMenu&amp;auth=1">
<h3>OneNote<span></span></h3>
</a>
 </li>
 <li class="onedrive" data-aop="tile" data-id="34" data-m="{'i':34,'p':29,'n':'meStripe.onedrive','t':'me','o':5}">
 <a href="https://onedrive.live.com/?wt.mc_id=oo_msn_msnhomepage_header" target="_blank" data-piitxt="onedrive" piiurl="https://onedrive.live.com/?wt.mc_id=oo_msn_msnhomepage_header">
<h3>OneDrive<span></span></h3>
</a>
 </li>
 <li class="maps" data-aop="tile" data-id="35" data-m="{'i':35,'p':29,'n':'meStripe.maps','t':'meMaps','o':6}">
 <a href="http://bing.com/maps" target="_blank" data-piitxt="maps" piiurl="http://bing.com/maps">
<h3>Karten<span></span></h3>
</a>
 </li>
 <li class="facebook" data-aop="mestripe.facebook_me" data-id="36" data-m="{'i':36,'p':29,'n':'meStripe.facebook','t':'me','o':7}">
 <a href="http://www.facebook.com/" target="_blank" data-piitxt="facebook" piiurl="http://www.facebook.com/">
<h3>Facebook<span></span></h3>
</a>
 </li>
 <li class="twitter" data-aop="tile" data-id="37" data-m="{'i':37,'p':29,'n':'meStripe.twitter','t':'me','o':8}">
 <a href="https://twitter.com/" target="_blank" data-piitxt="twitter" piiurl="https://twitter.com/">
<h3>Twitter<span></span></h3>
</a>
 </li>
 <li class="xbox" data-aop="tile" data-id="38" data-m="{'i':38,'p':29,'n':'meStripe.xmusic','t':'meXbox','o':9}">
 <a href="https://music.xbox.com/" target="_blank" data-piitxt="xbox" piiurl="https://music.xbox.com/">
<h3>Musik<span></span></h3>
</a>
 </li>
 </ul>
 
Also mittlerweile weiß ich, dass es irgendwelche CSS Schriften sind, die nicht geladen werde. Die Konsole von Chrome gib

Font from origin 'http://static-hp-neu.s-msn.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.msn.com' is therefore not allowed access.

Das Problem habe ich ja nicht nur bei MSN, das war nur ein Beispiel.
Hier zum Beispiel selbes Problem bei Netflix.

Font from origin 'http://cdn.nflximg.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.netflix.com' is therefore not allowed access.
 
Gerade mal getestet...

Trotz aktiviertem NoScript (wobei nur die Skripte direkt von msn.com erlaubt sind) werden die Symbole (Grafiken, keine Fonts) korrekt angezeigt - sowohl im Firefox als auch im SeaMonkey. Wären es Fonts gewesen, hätte bei NoScript übrigens geholfen, das Nachladen von Webfonts zu erlauben. Dafür gibts zwei Optionen für (@font-face, WebGL).
 
Zuletzt bearbeitet:
Ich verwende allerdings kein NoScript.
Selbst komplett ohne Plugins besteht das Problem.
 
xnrdx schrieb:
Selbst komplett ohne Plugins besteht das Problem.

Erstmal ist NoScript kein Plugin, sondern ein Add-on. Das sind unterschiedliche Baustellen. Wenn du keinerlei Add-ons verwendest, dann wirds etwas schwieriger. Es wäre denkbar, dass ein übereifriger Web- bzw. Browserschutz deines Virenscanners der Verursacher ist. Weitere Ansatzpunkte wären eine veränderte HOSTS-Datei, z.B. durch Tools wie Spybot S&D oder ein lahmer oder dysfunktionaler Proxy, den dein Browser statt einer Direktverbindung nutzt.
 
Das CDN liefert eigentlich den "Access-Control-Allow-Origin" Header mit und bei mir funktioniert alles. Vllt. mal Antivirus-Software bzw. aktive Firewalls ausschalten und gucken ab es geht. Wirkt etwas komisch, aber vielleicht klaut da irgendeine restriktive Software den Header. Schon per HTTP und HTTPS versucht?
 
wertzuiop123 schrieb:
Wie ich sehe werden sie damit generiert:
content: "";

Was das ist habe ich aber noch nie gesehen.
Anhang anzeigen 491596

Das ist ein Icon-Font. Das Problem liegt also bei seinen Font-Einstellungen vom System.
 
Zurück
Oben