CSS - пользовательские шрифты?

Question

У меня есть дизайн, и требуется Myriad Pro. Это не проблема. Проблема в том, что в Photoshop они использовали «Bold Condensed». Я не уверен, как это называется, я думаю, что это одна из разновидностей Myriad Pro. Каков наилучший способ подражать этому на веб-сайте?

Спасибо.

Answer 1

FontSquirrel - ваш лучший ресурс. Их «генератор @ font-face» создает код, который будет работать со всеми современными браузерами.

То, что они делают, хорошо объяснено, но за кадром это довольно сложно. Вы можете прочитать об аспектах CSS в блоге Пола Айриша .

1009 ** * Редактировать 1010 ** * 1011

Я только что понял, что никто не ответил на ваш реальный вопрос ...

1.) Myriad Pro - это семейство шрифтов, реализованных в виде набора файлов с именами, такими как Myriad Pro.otf, Myriad Pro Bold.otf и т. Д. (Фактические имена зависят от ОС.) Myriad Pro Bold Condensed - один из этих файлов. Я не знаю, входит ли он в стандартную упаковку или стоит ли это дополнительно.

2.) Вы не можете "эмулировать" это. Вы можете либо использовать реальный шрифт на своей веб-странице (с помощью метода встраивания @ font-face, описанного выше), либо создать рисунок. Дизайнеры, вероятно, ожидают, что вы создадите графику, потому что дизайнеры [удалили тираду], когда дело доходит до реализации.

3.) Как уже указывалось, для встраивания предположительно требуется соответствующая лицензия, и я не знаю, сможете ли вы получить такую ​​лицензию для этого конкретного лица. («Предположительно», потому что [тирада удалена], но я не юрист.)

Answer 2

Вы также можете попробовать sIFR3 Шона Инмана, хотя CSS3, вероятно, будет лучшей альтернативой.

Answer 3

100% гарантированный способ - это отобразить изображение.

CSS3 поддерживает font-face, но это не даст вам широкой поддержки.

@font-face
{
  font-family: 'Myriad Pro';
  src: url('Myriad-Pro.ttf');
}

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

Answer 4

Однако сначала просмотрите лицензию. Во многих случаях вы не можете использовать @ font-face.

Вот пост на Adobe о бесчисленных лицензиях для Интернета. http://forums.adobe.com/message/3654436