Пользовательский шрифт и CMS

Question

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

У меня есть файл - это файл шрифта TrueType.

Мы собираемся использовать CMS на основе PHP для создания сайта.

Каков наилучший способ использовать этот пользовательский шрифт для этой цели, сохраняя при этом название страницы, заголовки и т.д.чтобы клиент редактировал его в CMS?Я бы хотел разместить как можно больше пользователей, но было бы неплохо, если бы некоторые посетители сайта увидели Arial, Verdana или что бы мы ни выбрали для основной копии.

Должен ли я покрутить @font-face?Использовать PHP для создания изображений на сервере?Сифр?Этот сайт, скорее всего, будет существовать еще некоторое время, поэтому я хотел бы быть как можно более дальновидным.В то же время я хотел бы быть действительно уверен, что никто не сможет использовать шрифт на своих собственных веб-сайтах или загрузить копию.

Некоторая справочная информация о его текущем существующем сайте:Достаточно загруженный сайт с примерно 500 посещениями (2000 просмотров страниц) в день.

Статистика браузера:

Т. Е.:48% (10% пользователей IE в IE6, 42% в IE7, 48% в IE8)

FF:32% (38% из них на 3.5.5, 29% на 3.0.15, 11% на 3.5.4, 4% на 2.0.0.20 и 5% на 3.5.2)

Сафари:17% (53% из них на 531.9, 13% на 531.21.10, 7% на 528.16, 5% на 525.22 и 4% на 530.19)

Хром:2% (41% из них на 3.0.195.33, 31% на 3.0.195.27, 21% на 3.0.195.32 и 4% на 4.0.223.16)

Answer 1

Самое простое решение - использовать @font-face способ.Если вы включите формат только для Microsoft (.EOT), он будет работать в Любой браузер.

Ознакомьтесь с некоторыми из этих статей о замене шрифтов.

http://www.zeldman.com/2009/12/02/bulletproof-font-face/ http://www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/

Вы можете использовать этот инструмент от Microsoft для преобразования вашего шрифта в .EOT (формат, необходимый для IE).

http://www.microsoft.com/typography/WEFT.mspx

Тот Самый @font-face метод не требует Javascript или Flash, как ранее упомянутые методы sIFR и Cufon, поэтому более доступен для всех.

Это полностью оптимизирован для SEO и масштабируемый.

Answer 2

Я бы попробовал куфон.Шрифт не был бы "защищен". Но потребовалось бы немало технических усилий, чтобы преобразовать шрифт, сгенерированный Cufon, обратно в шрифт Truetype или Opentype.

Answer 3

Метод, который я бы порекомендовал, - это масштабируемая замена флэш-памяти inman (sIFR), информацию о которой вы можете найти здесь: http://www.mikeindustries.com/blog/sifr/

Другой распространенный метод, который я никогда не использовал лично, - это замена изображений php.Оба требуют использования скриптов, поэтому они не будут работать с людьми, использующими noscript, и я знаю, что sIFR не будет работать с Ad Block Plus, но, как вы сказали, для большого процента вашего рынка это будет работать просто отлично и выглядит фантастически.

Answer 4

Два варианта (помимо SIFR и Cufon, как отмечали другие):

Укажите пользовательский шрифт с помощью CSS:

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

Создание статичных изображений:

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

Основной удар по этому вопросу заключается в следующем:

"Я хотел бы быть действительно уверен, что никто не сможет использовать шрифт на своих собственных веб-сайтах или загрузить копию".

Неужели?Без использования статических изображений / flash / SIFR / Cufon пользователю необходимо будет загрузить копию шрифта на свой компьютер, чтобы отобразить шрифт в своем веб-браузере.Как только вы предоставляете копию пользователю, вы не можете рассчитывать на то, что сможете контролировать, использует ли он ее на своем собственном веб-сайте.Опять же, тривиально скопировать шрифт со статического изображения и создать TTF для копирования во всем мире - смотрите такие сайты, как http://www.dafont.com/ скопированы примеры известных шрифтов (в качестве примера можно привести шрифт Tranformers: http://www.dafont.com/search.php?psize=m&q=transformers)

Answer 5

@Font-Face отлично подходит для меня.Здесь есть генератор, куда вы можете загрузить свой шрифт, а затем он предоставит вам все форматы и код, которые вам понадобятся: http://www.fontsquirrel.com/fontface/generator