Не корректно отображается шрифт на мобильных устройствах

На bootstrap шаблоне поменял шрифт текста. При открывании сайта на ПК - он отображается корректно и весь текст написан на нужном шрифте. Но, когда открываю сайт с мобильного устройства, то при его адаптации, шрифт не меняется и остаётся стандартным, не тот, что при открывании с ПК. Пробовал меня стили, но задавать условие, через media screen, но проблема не решена. Помогите, пожалуйста.

@font-face {
    font-family: a_Simpler;
    src: url(../fonts/SIMPLER.ttf)
}
@media screen and (min-width: 1px) {
.head .body .footer {
font-family: a_Simpler;
}
}

Вот так оставил, перестал работать вообще и не отображается даже на компьютере.