Форум
EA-Game Страна ваших игр!
Пятница, 18.03.2011, 13:57
>

V.I.P Реклама

Место свободное (88x31) Место свободное (88x31)

13:57
Обновить

Страница 1 из 11
Форум » Владельцу сайта » Учебник » Свой шрифт на сайт.
Свой шрифт на сайт.
EcJIuPsEДата: Суббота, 04.09.2010, 16:12 | Сообщение # 1


Сообщений: 794
Награды: 3
Репутация: 10
Здравствуйте. Сегодня речь пойдет о нестандартных шрифтах на сайтах. Наверняка вы не раз сталкивались с этой задачей, но не знали как её реализовать.
Это можно сделать несколькими способами:
1. Картинками. Нарезать маленькие картинки, объединить их в одно большое изображение (спрайт) и вставлять эти картинки вместо текста. Но этот способ не совсем подходит и им не желательно пользоваться.
2. Метод от W3C. Простой метод без заморочек. Используется @font-family. Но у этого метода есть один недостаток: Многие браузера не совсем корректно поддерживают данный метод.
3. sIFR - на сегодняшний день это самый употребляемый способ. Но у него есть один недостаток - требует наличие flash-плагина.
4. Cufón - Отличный плагин, практически без недостатков. Об нем мы и будем сегодня говорить.

Как работает Cufon?

Cufon состоит из двух частей. Это: Javascript плагин Cufon и соответственно сам шрифт, который мы хотим использовать.

Переходим к практике.

Для начала нужен сам шрифт, который мы хотим использовать. Я скачал бесплатный шрифт Taurus нормального начертания. Теперь, когда у нас есть шрифт идем по адресу cufon.shoqolate.com/generate/ и кидаем в форму имеющиеся шрифты. Ставим галочки в "The EULAs of these fonts allow Web Embedding (without Adobe Flash)" и "I acknowledge and accept these terms", и жмем "Let’s do this!". Если шрифт кириллический, тогда дополнительно ставим галочку "Cyrillic Alphabet".
Жмем "Let’s do this!". Получаем JavaScript файл с нашим шрифтом.

Далее скачивание сам дистрибутив Cufón - cufon.shoqolate.com/js/cufon-yui.js.

Теперь подключаем оба файла, как самый обычный Js.


Теперь нам нужно выбрать те элементы, которые мы хотим нарисовать новым шрифтом.
Например все заголовки в h1.

Если нужно выделить какой-то определенный класс, то пишем так:

Ну вот и все. Все остальные настройки (цвет, размер, начертание шрифта) настраиваются с помощью css.


[admin1]Главный Админ![/admin1]
[Tablel]EA-Game.net.Ru Поможет тебе![/Tablel]
[audio]http://ea-game.net.ru/pa3noe/muzik/aa872e6c5d24.mp3[/audio]
Форум » Владельцу сайта » Учебник » Свой шрифт на сайт.
Страница 1 из 11
Поиск:
 

Статистика Форума
Последние обновленные темы
Самые популярные темы
Активные пользователи
Новые пользователи

Отличное флеш радио.

(0)

Блок "Браузеры"

(0)

Новый вид опроса

(0)

Красивая форма входа

(0)

Мини профиль для Ucoz

(0)

Универсальная статистика для uCoz

(0)

Отличный мини-чат для ucoz

(0)

Отличная Статистика для Ucoz

(0)

Заработок на собственном сайте

(1)

Gran Turismo 5

(0)

Заработок на собственном сайте с помощью links-wm

(0)

обменчик

(1)

[BavJlbl_team.pro] VS Creatin.pro

(6)

Меткая стрельба в Counter Strike

(0)

Тактика применения ножа в бою

(0)

Тактика кемпера

(0)

HaбивкА №1

(144)

Набиваем сообщение

(97)

Прибавь 10

(19)

Тренировки

(11)

Обновление портала

(11)

Какой у вас мобильный телефон

(11)

Прибавь 5

(10)

Посчитаем))

(10)

Хо66и

(10)

Чё с кланом жив или нет?

(8)

Aleksandr D.

(8)

Правила подачи заявки.

(6)

[BavJlbl_team.pro] VS Creatin.pro

(6)

Флудилка

(6)

Банерообмен 150x200

(6)

Чуваки кто сильнее ???

(5)

Реклама
Что можно посмотреть
Реклама
Место свободное Место свободное Место свободное
Место свободное
Место свободное Место свободное Место свободное  


Ea-Game.Net.RuДизайн данного сайта полностью принадлежит администратору сайта EA-GAME.NET.RuДизайн данного сайта полностью принадлежит администратору сайта DANTEGAMES.NET.RU
(c) Все права защищены! 2010
Хостинг от uCoz
New Design Ver. 5.0 by EcJIuPsE
Дизайн сайта принадлежит
администратору сайта
Sitemap | Sitemap-forum.
Хостинг от uCoz