Почему не подключается через css шрифт Rodchenko?

Question

[Макс]

Добрый день.

Столкнулся с проблемой. Не подключается шрифт Rodchenko. Скачивал шрифт с разных источников.

Для подключения шрифта ввожу в css:

@font-face {
font-family: RodchenkoCTT-regular;
src: local("RodchenkoCTT-regular"),
url(../fonts/RodchenkoCTT-regular.ttf);
}
Далее стандартно подключаю шрифт для всей страницы:

body {
font-family: RodchenkoCTT-regular;
}

PS: Другие шрифты работают, тестил 3 различных нестандартных шрифта.

Comments

[Макс]

Ссылка на сам шрифт

[Макс]

Короче, нашел шрифт в формате opentype (otf), подключил. Все работает.

Answer 1

[andreyqin]

Вам нужно воспользоваться генератором шрифтов. Вот несколько из них:
1) www.fontsquirrel.com/tools/webfont-generator
2) www.font2web.com
Можете погуглить другие. Смысл в том, что на выходе вам будет дан архив с вашим шрифтом разных форматов, для поддержки разными браузерами. Там же будет css-файл, в котором содержится код для подключения. Не забудьте поменять пути. Удачи!

Comments

[Макс]

1й сервис криво открывался, воспользовался вторым, в итоге та же ситуация - не работает.

[andreyqin]

Погуглите, есть еще сервисы, не все они корректно работают. Но проблема должна решиться, сам не раз сталкивался с подобным.

[Макс]

Сервис www.web-font-generator.com пишет "The file you uploaded is not a valid font"

[andreyqin]

А у меня загрузился, но, к сожалению, тоже не заработал.

[Макс]

Может в платных шрифтах стоит какая та защита? =)

Answer 2

[Alexander Mischuk]

Используйте подобную конструкцию и проверьте правильность путей к шрифту.

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

Comments

[Макс]

Если бы был неверный путь или неверный код, неужели бы другие шрифты работали? =)

Answer 3

[artgranat]

Указанные генераторы могут конвертировать шрифты с ошибками.

Лучше используйте https://ffont.ru/fonts
Вы получаете готовые шрифты (не нужно ничего конвертировать), а также готовый CSS-код.
Там же есть и руководство по установке