Использование замены шрифта Cufon

  1. Создать шрифт
  2. Включить JavaScript
  3. Укажите ваши элементы

Я никогда не использовал замену шрифта Cufon до тех пор, пока несколько недель назад не перебрал код, написанный другим дизайнером, и заметил, что он использует Cufon. Не так много людей, кажется, знают о Cufon, хотя. Cufon использует сочетание инструментов генератора шрифтов и JavaScript для создания собственного средства визуализации шрифтов в canvas и VML. Вот как использовать Cufon для рендеринга шрифта Junction для всех ваших заголовков.

Вот как использовать Cufon для рендеринга шрифта Junction для всех ваших заголовков

Создать шрифт

Прежде всего, вам нужно отправиться сюда и конвертировать ваш шрифт, готовый для cufon. Существует множество опций для настройки способа отображения шрифта, вы можете включить различные шрифты для веса, курсива и т. Д.

Включить JavaScript

Как только ваш шрифт будет конвертирован в формат Cufon, вам нужно будет включить JavaScript-файл Cufon, который вы можете найти Вот а также файл шрифта, который вы конвертировали выше.

<script type = "text / javascript" src = "cufon.js"> </ script> <script type = "text / javascript" src = "junction_400.font.js"> </ script>

Укажите ваши элементы

Cufon.replace ('h1, h2, h3', {fontFamily: 'Junction'});

replace ('h1, h2, h3', {fontFamily: 'Junction'});