Значок-шрифт спорадически отображается как квадраты и обратно к значку при наведении

Получение странного поведения для шрифта шрифта FontAwesome.

Значки отображаются на странице загрузки, но когда я перехожу между вкладками и возвращаясь к исходной странице, значки могут отображаться как белые квадраты (не каждый значок, а только некоторые). При наведении курсора мыши на них они возвращаются к нормальному отображению.

enter image description here

Я загружаю шрифт через CDN:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

Я предполагаю, что белые квадраты из FontAwesome CSS, браузер имеет проблемы с распознаванием персонажа:

.fa-facebook:before {
  content: "\f09a";
}

Я немного потерял, почему это происходит после переключения вкладок. Шрифт, кажется, загружен, так как при первом загрузке я вижу значки. Может быть, это конфликт с другим CSS?

Нуждайтесь в некоторых предложениях, где искать основную причину.

Ответ 1

Я был доведен до вашего вопроса, потому что мы испытывали то же самое на нашем сайте с символом значка Symbolicons.

После некоторых исследований выяснилось, что это происходит из-за ошибки в Chrome. Поэтому проблема не в Font Awesome, и я не думаю, что вы можете что-то сделать, чтобы исправить это. Думаю, нам просто нужно подождать, пока исправление ударит по стабильной версии Chrome.

Ссылки на обсуждения ошибок: