Why is the Raleway font not loading on the mobile. devices?

Question

css

Made a design for the site. I looked in Google Fonts, this font did not support Cyrillic. I found where Cyrillic is supported and checked on the desktop, the font is loaded and everything is displayed as it should. But when I log in from a mobile device, for some reason the font is not loaded. What is Cyrillic, what is Latin.

@font-face {
    font-family: "RalewayRegular";
    src: url("../fonts/Raleway/RalewayRegular.eot");
    src: url("../fonts/Raleway/RalewayRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Raleway/RalewayRegular.woff") format("woff"),
    url("../fonts/Raleway/RalewayRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RalewayLight";
    src: url("../fonts/Raleway/RalewayLight.eot");
    src: url("../fonts/Raleway/RalewayLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Raleway/RalewayLight.woff") format("woff"),
    url("../fonts/Raleway/RalewayLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RalewayMedium";
    src: url("../fonts/Raleway/RalewayMedium.eot");
    src: url("../fonts/Raleway/RalewayMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Raleway/RalewayMedium.woff") format("woff"),
    url("../fonts/Raleway/RalewayMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RalewaySemiBold";
    src: url("../fonts/Raleway/RalewaySemiBold.eot");
    src: url("../fonts/Raleway/RalewaySemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Raleway/RalewaySemiBold.woff") format("woff"),
    url("../fonts/Raleway/RalewaySemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RalewayBold";
    src: url("../fonts/Raleway/RalewayBold.eot");
    src: url("../fonts/Raleway/RalewayBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Raleway/RalewayBold.woff") format("woff"),
    url("../fonts/Raleway/RalewayBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RalewayExtraBold";
    src: url("../fonts/Raleway/RalewayExtraBold.eot");
    src: url("../fonts/Raleway/RalewayExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Raleway/RalewayExtraBold.woff") format("woff"),
    url("../fonts/Raleway/RalewayExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

How to fix this problem?

Answer 1

Add more woff2 and svg format .
My connection looks like this. With safari it works fine, chrome also recognizes it.

@font-face {
  font-family: 'Raleway';
  src: url('hinted-subset-Raleway-SemiBoldItalic.eot');
  src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'),
    url('hinted-subset-Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('hinted-subset-Raleway-SemiBoldItalic.woff2') format('woff2'),
    url('hinted-subset-Raleway-SemiBoldItalic.woff') format('woff'),
    url('hinted-subset-Raleway-SemiBoldItalic.ttf') format('truetype'),
    url('hinted-subset-Raleway-SemiBoldItalic.svg#Raleway-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
}