Программы •Железо • Драйверы • Хостинг •Энциклопедия рекламы

Использование различных шрифтов и их размеров - один из основных приемов оформления текста. Одним этим можно сделать страничку красивой.

Сразу замечание - не используйте много разных (особенно экзотических) шрифтов на одной страничке. 2-3 будет вполне достаточно. Больше будет хуже. Хуже будет... ну я предупредил.

Итак вы решили сделать заголовок для своей странички, написанный понравившимся вам шрифтом (пусть это будет завалявшийся у меня ManhattanCyr). Первый порыв - взять и просто написать:

<

font face="ManhattanCyr" size="+2">Супер Заголовок</font>

Пишем, проверяем - все прекрасно работает. Но, что увидит при просмотре этой странички человек, который не является счастливым обладателем шрифта ManhattanCyr? Броузер заменит его на стандартный шрифт и все тщательно продуманное вами оформление никто не увидит. Что же делать? Выход, обладающий одним недостатком и кучей достоинств, есть. Делаем из текста картинку - открываем графический редактор (Photoshop или что-то подобное) и впечатываем текст нужным шрифтом. Сохраняем картинку и вставляем ее на нужное место:

<

img src=980/"title.gif" width=... height=...>

Не забывайте указывать параметры width и height - это нужно для правильного показа картинки)

Для графики в сети сейчас применяется два формата - gif и jpeg, хотя уже началось использование третьего - png, который должен заменить gif. Для сохранения картинок с текстом больше подходит формат gif, который в отличие от jpeg сжимает без потери качества. При записи в формате jpeg вокруг букв на контрастном фоне возникают дополнительные точки - шум, который сильно портит текст. Все же иногда для больших многоцветных надписей лучший эффект дает сохранение в jpeg. Более подробно об отличиях gif и jpeg можно прочитать в статье Максима Гросса в библиотеке вебклуба. Чтобы сохранить каринку в gif из Photoshop надо выбрать не "Save as...", а "Export -> Gif89a Export". Еще лучше использовать дополнительную программу, позволяющую оптимизировать размер получающегося файла. Одной из лучших таких программ является Ulead Smart Saver фирмы Ulead.

При создании текстовых надписей в графическом редакторе существует одно маленькое свойство, которое оказывает огромное влияние на то, что вы получите в конце концов. Это свойство называется Anti-aliasing (сглаживание). Если сглаживание включено, то на границе буквы и фона появляются переходные цвета. Результат - границы букв выглядят плавно и аккуратно, если же сглаживание выключено, то буквы имеют резкие, рваные края. Бросающиеся в глаза несглаженные надписи можно увидеть не только на домашних страничках, но даже на страницах некоторых фирм!

Если вы создаете маленькие надписи, то поступать надо прямо наоборот - сглаживание в этом случае ухудшает читаемость текста. Кроме того, в этом случае лучше использовать шрифт без засечек - например Arial.

Превращение текста в картинку открывает огромные возможности - теперь вы можете создавать любые эффекты, начиная от простого отбрасывания тени до создания объемных и разноцветных надписей. Экспериментируйте!

Что мы имеем.
Недостатки: Графический файл имеет значительный размер.	Преимущества: Все увидят ваш текст так, как вы задумали. Сглаженный текст выглядит гораздо лучше. Почувствуйте себя професcионалом! Вы можете применять к тексту любые спецэффекты.

---

Назад в раздел