Какой на данный момент оптимальный способ использовать нестандартный шрифт на сайте?

Question

[Cry0]

Привет!
Купил я у парашюта очень классный шрифт PF Handbook Pro. Теперь встал вопрос как кроме полиграфии можно использовать его и в вебе? Картинки с текстом не канают)

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

Какие сейчас есть способы решения вопроса?

Answer 1

[devolonter]

Я обычно использую www.fontsquirrel.com/fontface/generator. В режиме Expert можно много чего настраивать, в том числе защиту.

Comments

[Cry0]

Этот вариант выглядит для меня оптимально. Осталось разобраться как это все работает и с какими настройками генерировать кит. Буду читать документацию.

Answer 2

[b3dev]

Google WebFonts www.google.com/webfonts — нет возможности добавлять свои шрифты, так что вряд ли будет полезно в данной ситуации, поскольку вашего шрифта у них нет в библиотеке
Cufon cufon.shoqolate.com/generate/ — генерирует элементы с помощью javascript'а. Для реализации нужно сгенерировать библиотеку с вашим шрифтом у них на сайте, после чего сможете ее применить на сайте. Из минусов — урезанный контроль над отображением элементов, приходится делать workaround'ы. Зато все доступно изложено у них в документации.

Comments

[b3dev]

Забыл написать, что ответ во многом зависит от требований к решению. Какие браузеры надо поддерживать? Какая минимальная версия IE?

[Cry0]

а поисковиками текст из cufon будет индексироваться?

[b3dev]

Насколько мне известно, поисковые роботы не выполняют яваскрипты, что им попадаются под руку. Сам текст в исходном документе выглядит как обычно. После того, как документ загружается выполняется преобразование этого текста через яваскрипт, так что поисковик получает обычный текст, будто ничего и не было.

Answer 3

[Илья Шабанов]

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

поэтому оптимальный вариант это @font-face с 4мя версиями шрифта: ttf,eot,woff,svg для этого fontsquirrel или onlinefontconverter вам в помошь

Answer 4

[xmoonlight]

Закройте REFERER на прямой доступ через .htaccess.
Грузите шрифты в CSS через @font-face
(Больше мучиться — смысла нет.)

Comments

[powder96]

Легко обходится — кому надо, тот украдет.

Answer 5

[RubtsovAV]

Можно преобразовать в js код, но получается, что шрифт можно будет скачать (хоть и в js формате). Ну либо отрендерить шрифт по буквенно + CSS классы для него написать. Если такой вариант не подходит, то только картинкой.

Answer 6

[Дмитрий Чайников]

На будущее, чтобы избежать гемороя - не покупайте шрифты, а используйте бесплатные )) Или найдите, где можно платное получить по цене бесплатного ))