Введение.

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

Ограничения

Основным ограничением является, то что данный скрипт не работает с некоторыми старыми версиями браузеров.

Первые шаги

Для работы библиотеки требуетcя скачать себе библиотеку prototype. Для создания собственного шрифта вам понадобится программа BMFont

Основные шаги

  1. Для начала следует выполнить трансформацию шрифта из true type в png образ. Загрузить в программу BMFont нужный шрифт и выбрать настройки наиболее подходящие для вас. ( скриншот )
    Установить необходимый алфавит. ( скриншот )
  2. Далее в ней сгенерировать требуемый файл и сохранить. ( скриншот )
    После чего следует скопировать из полученного файла fnt все текстовое содержимое с помощью notepad ( скриншот ) в специальное окно служебного скрипта fnttojs.html, что содержится в архиве и заполнить название шрифта. ( скриншот ).
    Полученный код следует сохранить в том же месте где хранится png файл шрифта назвав его так же как и шрифт, заменив расширение на js. ( скриншот )
  3. После чего на страницу для красивых шрифтов следует поместить все требуемые библиотеки (prototype, pngfont) и скрипт шрифта.
  4. Далее следует указать css-правило по которому будут отбиратся генерируемые заголовки и инициализировать такой строкой:
    <body onload="PrintFont()">
    ...
    <script>
    var PrintFont = function ()
    {
    fntPushkin = new Pushkin();
    new FontPrinter( fntPushkin, "h1", "rgb(100,0,0)");
    }
    </script>
    Где h1 - правило замены, а rgb цвет текста.
  5. Все!

Скачать

Для того чтобы скачать, нажмите сюда

Обратная связь

Для того чтобы связатся со мной достаточно написать мне письмо на vstebunov at gmail.com