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

Question

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

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

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

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

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

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

статистика Браузер:

IE: 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), он будет работать в ANY браузере.

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

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. Типичный шрифт не будет «защищен». Но потребовалось бы немало технических усилий, чтобы преобразовать шрифт Cufon с обратной стороны в лицо Truetype или Opentype.

Answer 3

Метод, который я рекомендовал бы масштабируемым замена Инман вспышки (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/ примеры известных шрифтов скопированных (в качестве примера, шрифт Индикаторы напряжения: http://www.dafont.com/search.php?psize=m&q=transformers)

Answer 5

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