Почему по-разному показываются шрифты?

Question

[Андрей Унгер]

Подгружаю кастомный шрифт таким образом:

@font-face {
    font-family: OpenSans; /* имя шрифта для CSS правил */
    src: url('../fonts/OpenSans.ttf'); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}

И тут волшебство: если смотрю страницу с локальной машины - вижу один шрифт. Если с сервера - другой! В инспекторе на обеих страницах написано что один и тот же шрифт с тем же размером:

Answer 1

[Роман Мисюра]

Необходимо сгенерировать шрифты для веба. Т.е. не у всех браузеров будет работать Ваш шрифт.
Можете использовать вот этим генератором. Только для кирилического шрифта, используйте опцию Expert и поставьте галочку No Subsetting.

Также шрифт Open Sans можете подключить через Google Fonts - Шрифт Open Sans. Как их подключить - инструкция у них на сайте.