jquery mobile font face

jquery mobile font face

Hi,
I an trying to add font on my css. On chrome on my desktop it is working. But not on mobile (android and ios).

declaration in my css:
@font-face {
    font-family: BYekan;
    src: url('BYekan.eot'),
         url('BYekan.woff') format('woff'),
         url('BYekan.ttf') format('truetype'),
         url('BYekan') format('svg');
}

body .ui-body-c{
font-family:BYekan !important;
}
  
html *
{
  font-family:BYekan !important;
}
      
thanks for the help