Использование редких источников по сайту Cufón

Всякий раз, когда мы разрабатываем наш сайт, мы хотели бы использовать других источников, помимо обычных Arial или Verdana, Internet Explorer можно использовать @ шрифт лицу, что мы объясняем здесь , но этот метод работает для нас на всю исследователей, при этом учебнике мы будем использовать инструмент использовать Cufón любого источника, на нашем сайте, независимо от браузера мы используем.

Шаг 1

Первое, что нужно сделать, это зайти на эту страницу и нажмите на кнопку с надписью "Download", этого будет открыта страница, которая JavaScript файла, мы когда-то выберите "File>> Сохранить как .. "

И мы сохранить его в качестве Cufón-yui.js в папке нашего сайта.

Этот файл один отвечает за создание эффекта и позволяет использовать любой источник, сейчас нам необходимо источника, это наш второй шаг.

Шаг: 2

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

Уведомление

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

Шаг: 3

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

Регулярные Шрифт: Здесь мы будем выбирать источник регулярного мы загрузки (не обязательно)
Жирный шрифт: Здесь мы будем выбирать жирным шрифтом для загрузки (не обязательно)
Курсивом: Здесь вы выберите курсивом или наклонный шрифт для загрузки (не обязательно)
Bold курсивом: Выберите шрифт полужирный, курсив или наклонный для загрузки (не обязательно)
Используйте следующие значения, как семейство шрифтов генерируемого шрифта: Здесь мы делаем общее название для всех источников используется там, где курсивом, жирным шрифтом, а также регулярные источники имеют разные наименования (по желанию)
Лицензионные соглашения о Это позволяет Web Embedding Fonts Установите этот флажок, если вы действительно имеете право на использование источника
Включить После Глифы: Здесь мы будем выбирать символы, которые мы имеем в нашей источника, я рекомендую вам поставить "все", но если вы не хотите, чтобы ваш файл слишком тяжелым Вы можете выбрать: "в верхнем регистре, в нижнем регистре, цифры, знаки препинания Basic Latin и Latin-1 дополнить "
После использования Предельные в домен (ы): Поместите сюда областей могут быть использованы только шрифт (рекомендуется, если вы используете шрифты коммерческих)
Производительность и размер файла: я не рекомендую вам здесь ничего трогать
Настройка: Ничего не трогайте ни
Условия: READ УСЛОВИЯ, установите флажок и нажмите кнопку "Давайте сделаем это".

При выборе последней кнопки, она будет загружать JavaScript файл, сохранить его на Вашем сайте.

Шаг 4

Пора использовать этот шрифт на нашем сайте, для этого мы будем добавлять следующие коды в заголовок:

  Январь
 2

 "cufon-yui.js" type = "text/javascript" >< / script > < script src = "nombre-del-archivo-descargado.js" type = "text/javascript" >< / script > <SCRIPT SRC = "Cufón-yui.js" типа = "text / javascript"> </ SCRIPT> <script SRC = "file-name-descargado.js" типа = "text / javascript"> </ SCRIPT>

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

  Январь
 2

  "js/cufon-yui.js" type = "text/javascript" >< / script > <SCRIPT SRC = "js / Cufón-yui.js" типа = "text / javascript"> </> сценарий
 "js/nombre-del-archivo-descargado.js" type = "text/javascript" >< / script > <SCRIPT SRC = "js / file-name-descargado.js" типа = "text / javascript"> </> сценарий

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

  Январь
 2
 3

 "text/javascript" > Cufon.replace('h1'); < / script > <SCRIPT Типа = "text / javascript"> Cufon.replace ('h1'); </> сценарий

Presto, теперь каждый раз мы используем h1 заголовок, источник будет заменен, загруженный на шаге 2.

Шаг 5

Это всего лишь один шаг, как отзыв, является то, что вы можете использовать любой стиль CSS к своим книгам, например: цвет, ширину, расстояние между письмами и т.д..
Вы также можете добавить градиентов с помощью специального JavaScript Cufón но что вас оставлю, идти вперед и анализа документации , чтобы вы знали все замечательные функции вы можете использовать.

Майкл является автором и редактором skyandstars.net который публикует руководства и учебники для WordPress, CuteNews, PHP, HTML и многое другое. Есть студентом колледжа.

Mijael166

Может быть, одна из этих записей могут вас заинтересовать

10 Комментарии по теме "Использование редких источников Cufón сайта"

Маиса
26 декабря 2009
Ответ
ммм .. интересный урок! Я собираюсь реализовать на практике:)
- Майкл
  27 декабря 2009
  Ответ
  Если Маиса, правда, что Cufón это очень полезный инструмент: P Я рекомендую его 100%
Маиса
27 декабря 2009
Ответ
О, это просто!
Изменение сайта смелые ...
:)
Betfair Стратегии
27 декабря 2009
Ответ
Хорошая статья. Обязательно скопируйте его в мой blog.Thanks.
germanwle
2 января 2010
Ответ
Wooow, я попробую, что из XD среднем
Алина
4 марта 2010
Ответ
Я пытаюсь осуществить Cufón на моем сайте, он вооружен в PHP и CSS, то почему не могут добиться того, чтобы Cufón "я работаю?
спасибо
- Майкл
  4 марта 2010
  Ответ
  Алина Нет, эта проблема должна быть что-то другое, вот этот сайт был сделан с PHP и CSS, и я использую Cufón, д ничего не имею, проверить коды и пути
Фабианский
17 марта 2010
Ответ
Запроса, если я хочу добавить дополнительные источники, а затем использовать функцию как это можно сделать?
Майкл
17 марта 2010
Ответ
Хм хороший вопрос XD вы должны проверить документы, потому что я вас за это отвечаю XD http://wiki.github.com/sorccu/cufon