Использование различных шрифтов в создании сайта

7 января

В таком важном деле, как создание сайта, важна любая мелочь, например размеры шрифта и его начертание. Например, размер основного текста на странице не может быть меньше 10 пунктов. Некоторые вебмастера пренебрегают этим правилом, выставляя значение 8 или 9, а потом удивляются, отчего это их ресурс теряет посетителей. А причина всего-навсего в том, что не все пользователи Интернета имеют современные мощные мониторы и одинаково хорошее зрение.

Для изменения размера шрифта html-тегами, существует контейнер <FONT>…</FONT>. Размер шрифта устанавливается так: <FONT SIZE= «значение»>. С помощью атрибута SIZE вы можете задавать как абсолютный (от 1 до 7) так и относительный (от -4 до +4) размеры шрифта по отношению к размеру основного шрифта, который используется в основной части страницы.

Чтобы изменить размер основного шрифта документа, следует использовать элемент <BASEFONT SIZE = значение>. Стандартным для браузера есть размер шрифта 3. Цвет шрифта задается соответственно с помощью атрибута COLOR дескриптора <FONT>: <FONT COLOR=”green”>текст</FONT>.

Задавать свойства шрифта можно и с помощью css – каскадных таблиц стилей. Стили css – это мощный инструмент для изменения свойств не только текста, но и других элементов веб-страницы. Существует четыре способа использования таблиц стилей в документе: связывание, внедрение, импорт и встраивание.
Итак, давайте разберем, например, внедрение. При этом способе используется дескриптор <STYLE>, параметр TYPE которого должен быть равен “text/css”.

&lt;HEAD>
 &lt;STYLE TYPE=”text/css”>
 B {text-transform: uppercase;}
 P {background-color: grey; text-align: center}
 &lt;/STYLE>
&lt;/HEAD>

Это таблица стилей для дескрипторов <B> и <P>: текст, содержащийся в контейнере <B> </B>, будет записан в верхнем регистре, а текст в контейнере <P> </P> будет на сером фоне и выравнен по центру.

Красивые шрифты для сайта должны быть удобными, без засечек (маленьких заостренных черточек на концах символов), например Impact, Verdana, Arial. Пример шрифтов с засечками: Georgia, Times New Roman. При выборе шрифта нужно обращать внимание на такие его характеристики, как гарнитура, начертание, насыщенность, контрастность, удобочитаемость, интерлиньяж, кернинг, засечки, и т.д. Например, кернинг – это расстояние между отдельными символами в строке, а интерлиньяж – это расстояние между двумя строками текста на странице.

Современные шрифты можно разделить на три большие группы: есть контурные шрифты, векторные шрифты и растровые шрифты (их еще называют точечными). Изображение контурных шрифтов полностью формируется с помощью кривых и прямых линий, для таких шрифтов возможны поворот и массштабирование.

Контурные шрифты – это шрифты TrueType и OpenType. Изображения векторных шрифтов формируются на основе математических моделей. Используют такие шрифты большей частью для плоттеров (Modern, Roman и Script). Растровые, или точечные шрифты хранятся в точечных рисунках. Процесс вывода шрифта на бумаге или экране монитора – это последовательное отображение совокупности точек.

Чтобы посмотреть, как будет выглядеть тот или иной шрифт, вовсе необязательно скачивать его к себе на компьютер – достаточно заглянуть на сайт со шрифтами онлайн. Для украшения сайта вы можете использовать красивые шрифты – «сказочные», «рукописные», «художественные», «готические», и т.д. Выбирая тот или иной шрифт, необходимо учитывать уместность его нахождения на вашем ресурсе: иначе можно просто «отпугнуть» потенциального читателя.

Рубрика : Создание и продвижение сайтов

Комментарии

Комментариев пока нет.


Извините, комментарии не доступны.