У меня проблема с моим шрифтом icomoon в Chrome: значки иногда не отображаются. Я не получаю «запасной вариант» пустого прямоугольника без шрифта.
Когда я выберу элемент со значком, он появится, поэтому перерисовка исправит его. Но форсировать перекраску - ужасное решение...
Единственное решение, которое я нашел в отношении глючных значков в Chrome, — это использовать коды PUA, но я уже делаю это.
Мой CSS для иконок:
.icon-back-in-time-mirror:before {
content: "\e613";
}
.icon {
position: relative;
}
.icon:before {
position: absolute;
height: 22px;
margin: -11px 0 0;
top: 50%;
left: 0;
font-family: 'icomoon';
font-weight: 400;
line-height: 22px;
display: block;
speak: none;
}
@font-face
правила
@font-face {
font-family: 'icomoon';
src:url('/gui/css/fonts/icomoon.eot?-cpkbjx');
src:url('/gui/css/fonts/icomoon.eot?#iefix-cpkbjx') format('embedded-opentype'),
url('/gui/css/fonts/icomoon.woff?-cpkbjx') format('woff'),
url('/gui/css/fonts/icomoon.ttf?-cpkbjx') format('truetype'),
url('/gui/css/fonts/icomoon.svg?-cpkbjx#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}