Изменение шрифта в разных устройствах

Question

Я использую шрифт на своей веб-странице. Нет никаких проблем в chrome, Firefox и IE на моем компьютере, но на других устройствах шрифт меняется. Кто-то знает, почему это происходит?

---

*{

font-family: Montserrat;
 }

Answer 1

Возможно, что некоторые браузеры / ОС / устройства не поддерживают этот шрифт. Определите несколько шрифтов.

* {
  font-family: 'Montserrat', sans-serif;
}

Другим решением может быть загрузка Google Web Fonts, загрузка их с вашего сайта и определение их в файлах css вручную. Другим способом может быть использование JavaScript Web Font Loader вместо используемого по умолчанию.

Answer 2

Шрифт установлен в вашей системе, поэтому он не изменяется на вашем устройстве.вам нужно добавить шрифт в ваш код.

например

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

добавить в файл CSS изменить ссылку с вашим требуемым шрифтом

или если у вас есть шрифтзатем добавьте файл шрифта в CSS как

@font-face { font-family: roboto-regular; 
             src: url('../font/Roboto-Regular.ttf'); } 
h2{
    font-family: roboto-regular;
}

Answer 3

Вы должны определить свой шрифт в вашем CSS-файле. Например:

@font-face {
  font-family: myFirstFont;
  src: url(font-location);
}

* {
  font-family: myFirstFont;
}