Chrome @ font-face issue

Question

У меня возникла проблема с отображением шрифта в Chrome недавно, он по-прежнему работает на Firefox и I.E. но больше не загружается в Chrome или Chrome Android.

В Chrome Inspector загружен файл шрифта, и все соответствующие правила css, похоже, находятся на своем месте.

Хром просто показывает коробку вместо каждого символа. CSS выглядит следующим образом:

@font-face { 

    font-family: "SSSocialRegular";src: url('font/ss-social-regular.eot'); 
    src: url('font/ss-social-regular.eot?#iefix') format('embedded-opentype'), 
     url('font/ss-social-regular.woff2') format('woff2'), 
     url('font/ss-social-regular.woff') format('woff'), 
     url('font/ss-social-regular.ttf') format('truetype'), 
     url('font/ss-social-regular.svg#SSSocialRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Я попытался удалить загруженные файлы шрифтов, чтобы заставить хром загрузить как истинный тип и SVG Fonts, но это был тот же самый результат.

Chrome:

Firefox:

Answer 1

Если кто-то встречает эту ошибку, я также был в состоянии решить эту проблему путем повторного

display:inline-block; 

на мой : перед элементами после страница загружена. Я просто сделал простой .js проверить для хрома, так как эта ошибка только влияет на мои новые версии:

jQuery(window).load(function(){ 

    var isChrome = !!window.chrome && !!window.chrome.webstore; 
    if(isChrome){ 
     jQuery('body').addClass('isChrome'); 
    } 
}); 

и CSS

.isChrome .ss-social-regular.ss-instagram:before,.isChrome .ss-social-regular.ss-facebook:before, 
.isChrome .ss-social-regular.ss-twitter:before,.isChrome .ss-social-regular.ss-pinterest:before { 
display:inline-block; 
}