Пользовательский шрифт гуджарати (GopikaTwo) не поддерживается мобильным браузером Android и гибридным приложением

Question

Я пытаюсь использовать собственный шрифт GopikaTwo в своем гибридном приложении.Я добавил ниже код в моей CSS: -

@font-face {
    font-family: 'GopikaTwo' !important;
    src: url('GopikaTwo.eot') !important;
    src: url('GopikaTwo.eot?#iefix') format('embedded-opentype'),  url('GopikaTwo.woff2') format('woff2'), url('GopikaTwo.woff') format('woff'), url('GopikaTwo.ttf') format('truetype'), url('GopikaTwo.svg#GopikaTwo') format('svg') !important;
    font-weight: normal;
    font-style: normal;
}

.gopika-two {
    font-family: "GopikaTwo", "Roboto", "Helvetica Neue", sans-serif !important;
} 

Это нормально работает на настольном браузере (например, Chrome, Firefox), но не на мобильном браузере Android (например, Chrome).Моя конечная цель - запустить его в гибридном мобильном приложении на Android.

Нужно ли выполнять какие-либо настройки?

Answer 1

Это сработало.

variable.scss

@font-face {
  font-family: 'GopikaTwo';
  src: url('../assets/fonts/GopikaTwo.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/GopikaTwo.woff') format('woff'), url('../assets/fonts/GopikaTwo.ttf') format('truetype'), url('../assets/fonts/GopikaTwo.svg#GopikaTwo') format('svg');
  font-weight: normal;
  font-style: normal;
}
 $font-family-base: "GopikaTwo";
 $font-family-ios-base: $font-family-base;
 $font-family-md-base: $font-family-base;
 $font-family-wp-base: $font-family-base;