Почему Calibri на сайте отличается от макетного?

Question

[Александр Хрол]

Как обычно, дизайнер нарисовал, а менеджер утвердил. Верстальщику же (т.е. мне) приходится воевать с нелогичным использованием различных размытий и т.д. в фотошопе. Не могу добиться такого отображения символов:
Дизайнер использовал Calibri Light с применением к тексту Small Caps. Открывал шрифт в редакторе - такой glyph $03C7

Comments

[Lynn «Кофеман»]

Настучите дизайнеру по голове и расскажите заказчику про разный рендеринг шрифтов.

Answer 1

[archelon]

со smallcaps особых проблем нет:
.email{font-variant: small-caps}
а про рендеринг уже сказали выше.
шрифты в браузерах всегда будут отличаться от шрифтов в графических программах.
более того, рендеринг шрифтов отличается в разных браузерах и операционных системах с различными настройками.

Comments

[Александр Хрол]

пробовал small-caps. такого же результата, как на картинке, не достиг

[archelon]

похоже?

https://yadi.sk/i/k3lUapdSfbY6F

.email {
  color: #222;
  font-family: "Calibri Light";
  font-variant: small-caps;
  letter-spacing: -0.05em;
  text-decoration: none;
}

[Александр Хрол]

Дмитрий Бравцев: Блин, битый час колдую... проверил, подгружается шрифт - всё ок. но того же, что вижу у вас, не наблюдаю...

[Александр Хрол]

Дмитрий Бравцев: https://jsfiddle.net/alexbelij/235v0m0k/1/ что может быть не так?

[archelon]

Александр Хрол: указанные шрифты не подгружаются, нужно разбираться почему.
возможно, ответ здесь habrahabr.ru/sandbox/50935
в chrome шрифты загружаются, в ff и ie - нет

Answer 2

[Алим Алибаев]

Иди бить палкой, того дизайнера.

Comments

[Александр Хрол]

я бы с радостью, но сказали, что сделано должно быть так, как на макете. не буду же весь текст вставлять картинкой....

[Виталий Камелин]

Таким дизайнерам надо предлагать самостоятельно в вертке воплотить задуманное. Лично я в подобных случаях объясняю, что рендеринг в разных ОС и браузерах - разный и в качестве примера привожу скриншоты. Если клиент этого не понимает - расстаюсь с этим неадекватом.

Answer 3

[bromzh]

man "рендеринг шрифтов"