Пользовательский шрифт и 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,05, 11% на 3,5,4, 4% на 2,0,0,20 и 5% на 3,5,2)

Safari: 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

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

Answer 2

Самое простое решение - использовать метод @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 3

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

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

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

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