Не прогружаются значки соц сетей. Как сделать запасной вариант?

Question

[DPS_ninja]

Есть сайт на нём есть значки через Font Awesome, но возникла проблема при загрузке или сбоя сервера они могут не подгрузится. Как сделать запасной вариант? (пример хотя бы тега img, если картинка не грузится хотя бы надпись. Шрифты всегда же указывается пару шрифтов, если первый не загрузится, то берётся второй)
Font Awesome использует в качестве значков тег "i" с соответствующими классами, и подставляет значок в элемент ::before
А если у меня не прогружаются значки эти, становится пустое место (размер тега i равен 0 на 0).
Можно ли как-то сделать так, чтобы в подобных случаях у тега i был текст, например, иконка Фейсбук, если шрифт не загрузился?

Answer 1

[strelok011]

Скачайте файлы шрифтов Font Awesome, положите рядом с css на своем сайте и подключите самостоятельно в своих стилях.

Comments

[DPS_ninja]

ваш вариант не подходит, т.к. я спросил запасной вариант (сервер может упасть)

[Brad9aga]

DPS_ninja, авесоме это по большей части свг,скачай,закинь в папку

[Yan Markov]

DPS_ninja,

сервер может упасть

Если сервер с вашим сайтом упадёт, я вас уверяю, иконки - последнее, что будет беспокоить вас и посетителей сайта.

[KononovD]

DPS_ninja, если на то пошло - когда падает сервер - ваш сервис вообще не может запуститься)
если речь о том, что стили могут отпасть *магическим образом*, то я предпочитаю задавать таким кнопка фиксированные размеры и делать тултипы. простой вариант тултипа: атрибут title

[Rustam Bainazarov]

DPS_ninja, а как вообще сайт ваш будет доступен, LOL, когда сервер упадёт, какие иконки? Вставляйте SVG-разметку в документ, тогда и будет у вас железно-бетонный вариант.

[strelok011]

DPS_ninja, вам нужно корректнее терминологией пользоваться. Это не запасной вариант а альтернатива применению иконочного шрифта. Тогда это либо спрайт (векторный или растровый), просто растровые изображения иконок, либо прямо разметка в тексте в формате svg - в этом случае вообще ничего для иконок подгружать отдельно не придется. Ну и если сервер упадет... ни одна технология не спасет :)
Плюсом внедрения иконки в разметку является снижение нагрузки на сервер, меньше запросов. Минусом - эти svg иконки нужно как-то интегрировать на стороне сервера, в месте хранения вашего контента. Судя по вопросу, этот момент вызовет значительные затруднения.