Icons werden im Chrome Browser nicht angezeigt, stattdessen kleine Kästchen

[Wheeler0815]

Hi zusammen,

ich nutze Chrome (54.0.2840.99 m) Windows 10 x64


Habe seit einiger Zeit ein Problem... im Chrome (aucgh bei älteren Versionen) werden auf einigen Websites die kleinen Icons nicht mehr angezeigt, sondern nur noch schwarze kleine Kästchen. Ich habe schon Stunden gegooglet, rumprobiert und neu installiert... aber nichts hilft.
IE und FF funktioniert übrigens alles..

Anbei ein Beispiel von der coursera.org website...

 

[Hauro]

Es liegt am verwendeten Zeichensatz / der Textcodierung (z.B. Unicode). Das Kästchen ist ein Platzhalter.

Bin schon eine ganze Zeit raus:

<i class="cif-course-list c-catalog-icon" data-reactid="24"></i>

[class^="cif-"], [class*=" cif-"] {
    font-family: 'coursera-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

@font-face {
  font-family: 'coursera-iconfont';
  src: url("https://d3njjcbhbojbot.cloudfront.net/web/bundles/styleguide/icons/fonts/coursera.v25.eot");
  src: url("https://d3njjcbhbojbot.cloudfront.net/web/bundles/styleguide/icons/fonts/coursera.v25.eot?#iefix") format('embedded-opentype'),
       url("https://d3njjcbhbojbot.cloudfront.net/web/bundles/styleguide/icons/fonts/coursera.v25.woff") format('woff'),
       url("https://d3njjcbhbojbot.cloudfront.net/web/bundles/styleguide/icons/fonts/coursera.v25.ttf") format('truetype'),
       url("https://d3njjcbhbojbot.cloudfront.net/web/bundles/styleguide/icons/fonts/coursera.v25.svg") format('svg');
}