Почему перестает работать font awesome?

Есть

<i class="fa fa-bars"></i>

Перестаёт работать когда помещаю в ссылку с классом

<a href="#" class="m-menu-link">
    <i class="fa fa-bars"></i>
</a>

Есть два стиля для больших экранов и меньше 990 пикселей.В главном стиле

.m-menu-link {
    display:none;
    color:#fff;
    font-size:3rem;
}

а в стиле для медия запросов

@media(max-width: 991px){
     html{
        font-size: 7px;
     }
     .visible-lg{
        display: none;
     }
     .m-menu-link {
        display:block;
     }
}

Причем если удалить класс из ссылки всё работает.Так же перестали работать иконки соцсетей вчера всё отображалось прекрасно а сегодня ромбики.

UPD: У меня это всё подключалось с локальных файлов.Вставил ссылку с cdna заработало до этого без импортанта через cdn не хотело.Сейчас попробую ещё для ссылок на соцсети прописать.Спасибо.