Что такое с FontAwesome?

Question

[Темур Бегиев]

Использую шрифт FontAwesome. На компе все норм. Если открыть через телефон (iphone), то квадратики. При этом если открыть другой сайт с использование этого же шрифта, то все норм.

Что я неправильно делаю?

Answer 1

[Евгений Попов]

Есть минимум два варианта:
1. Прописаны не корректно @font-face - для простоты лучше брать их css из их же cdn если не хочется с этим заморачиваться.
2. Пути к файлам шрифтов - есть большая вероятность что у вас в телефоне и в том браузере в котором вы смотрите на десктопе используются разные источники шрифтов и в одном случае он загружается корректно, а в другом нет. Вплоть до того что у вас этот шрифт может стоять в системе, а он именно от туда берется в первую очередь и уже только потом бежит по путям в css, а на телефоне его в системе естественно нет.

Если у вас берется не из cdn и вы прописывали @font-face самостоятельно, то нужно смотреть пример.

Comments

[Темур Бегиев]

Решилось этим

@font-face {
font-family: 'Fontawesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

Спасибо за подсказку!