Почему шрифт Raleway не подгружается на моб. устройствах?

Question

[Archakov Dennis]

Сделал дизайн для сайта. Я смотрел в Google Fonts, этот шрифт не поддерживал кириллицу. Я нашел, где поддерживается кириллица и проверял на десктопе, шрифт грузится и все выводится как надо. Но, когда захожу с мобильного устройства, шрифт почему-то не грузится. Что кириллица, что латиница.

@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;
}

Как исправить эту проблему?

Comments

[Нерон Лордов]

когда-то этот шрифт содержал кириллицу на Google Fonts, интересно зачем убрали ее. А ты где нашел кириллическую версию? Было бы хорошо подключать ее на манер гугл-шрифтов.

[Archakov Dennis]

Nekto_Habr: не помню если честно. Я просто вбил в гугле Raleway cyrillic web

Answer 1

[Mr_Edward]

Добавьте еще формат woff2 и svg.
У меня подключение выглядит вот так. С сафари работает отлично, хром тоже распознает.

@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;
}

Comments

[Archakov Dennis]

Отлично, я сейчас проверю. А мог бы поделиться своими шрифтами?

[Mr_Edward]

Im Archakov: куда закинуть?

[Mr_Edward]

Im Archakov: https://yadi.sk/d/72FEd1LkvQ7TD

[Archakov Dennis]

Mr_Edward: чувак, ты просто красавчик!) Спасибо!

[Mr_Edward]

Im Archakov: рад помочь) Тоже долго колупался с ним.