В моем CSS:
@font-face {
font-family: 'Montserrat Reg';
src: asset-url('montserrat-reg.eot');
src: asset-url('montserrat-reg.eot?#iefix') format('embedded-opentype'),
asset-url('montserrat-reg.woff2') format('woff2'),
asset-url('montserrat-reg.woff') format('woff'),
asset-url('montserrat-reg.ttf') format('truetype'),
asset-url('montserrat-reg.svg#montserratregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat Bold';
src: asset-url('montserrat-bold.eot');
src: asset-url('montserrat-bold.eot?#iefix') format('embedded-opentype'),
asset-url('montserrat-bold.woff2') format('woff2'),
asset-url('montserrat-bold.woff') format('woff'),
asset-url('montserrat-bold.ttf') format('truetype'),
asset-url('montserrat-bold.svg#montserratbold') format('svg');
font-weight: normal;
font-style: normal;
}
Кажется, что это правильно компилируется в моих ресурсах с отпечатками пальцев, но на странице фактически отображается шрифт по умолчанию, несмотря на то, что консоль разработчика в производстве показывает:
body {
margin: 0px;
padding: 0px;
font-family: 'Montserrat Reg'; }
Вышеупомянутое показывает то же самое и в развитии. На вкладке источников показано, что файлы, указанные в css, включаются, когда я нажимаю Ctrl + F5 в рабочей среде, однако в режиме разработки на вкладке источников не отображаются файлы шрифтов, что указывает на то, что шрифты поступают откуда-то еще. Это противоположно тому, что я ожидал. Любые идеи, что может помешать правильному отображению браузера?
Проверено в Chrome и IE. Для чего я также использую font-awesome для иконок.
Рельсы 4.1.6 и 4.2.0