Browser zeigt Symbole nicht richtig an

[xnrdx]

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.

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

Der IE zeigt hingegen gar nichts an.

Weiß da einer weiter? Fehlt mir 'ne Font oder so?

 

[wertzuiop123]

Wie ich sehe werden sie damit generiert:
content: "";

Was das ist habe ich aber noch nie gesehen.

 

[SLiSLi]

Schon probiert den Browser zurückzusetzen?

 

[xnrdx]

Wie bereits erwähnt: Am Browser liegt es nicht.

 

[SLiSLi]

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.

 

[Hauro]

Es greift hier (sehr wahrscheinlich) ein JavaScript oder CSS Filter.

<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>

 

[xnrdx]

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.

 

[IRON67]

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).

 

[xnrdx]

Ich verwende allerdings kein NoScript.
Selbst komplett ohne Plugins besteht das Problem.

 

[IRON67]

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.

 

[T0a5tbr0t]

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?

 

[Hauro]

Würde es mal mit einer Linux Live-CD/DVD versuchen, um Windows und andere Ursachen unter Windows auszuschließen.

 

[MaverickM]

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.