Верстка шрифтов на веб-страницах

Какие шрифты использовать на веб-страницах? В каких единицах указывать их размеры? На эти вопросы мы постараемся ответить в этой статье и дадим некоторые полезные советы.

Гарнитуры шрифтов в веб-дизайне

Исторически сложилось, что в интернете чаще всего встречаются шрифты без засечек – т. е. без декоративных элементов, расположенных на концах букв. Примерами шрифтов без засечек являются Arial, Verdana, Tahoma и др. Примеры шрифтов с засечками – Times New Roman, Courier New и др.

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

Размеры шрифтов

Шрифты на веб-страницах не должны быть как слишком мелкими, так и слишком крупными. Оптимальный размер шрифта в текстовых блоках 9-11 pt или 10-14 px.

Не стоит применять на одной странице множество различных вариантов размеров, цветов и гарнитур шрифта. В большинстве случаев это затрудняет восприятие страницы и просто некрасиво выглядит. Выработайте несколько вариантов начертаний: для заголовков различных уровней, для обычного текста, для выделенного текста, для комментариев, цитат и т. п. Не делайте одни и те же по функциональности блоки различными по гарнитуре и размеру шрифтами. Соблюдайте единство стиля. Если хотите что-то выделить, лучше воспользуйтесь цветом или такими параметрами как жирность или курсив.

При верстке веб-страниц лучше всего указывать размеры шрифтов в пикселях (px), так можно избежать проблемы, связанной с настройками масштаба шрифтов в операционной системе Windows и сохранить внешний вид сайта одинаковым при любых настройках браузера и операционной системы.

Кое-что еще о шрифтах

1. Для вставки фрагментов программного кода, лучше всего подходит моноширинный шрифт Courier – каждый символ этого шрифта занимает одинаковую ширину, поэтому программный код читается естественно, сохраняются все необходимые структурные отступы в программном коде.

О возможностях автоматической подсветки синтаксиса программного кода можно прочитать статью:
Подсветка синтаксиса программного кода для отображения на веб-страницах.

2. Для лучшего восприятия длинных текстов рекомендуется увеличивать межстрочный интервал. Делается это параметром line-height в CSS, который удобнее всего задавать в процентах. Например, line-height: 100% - строчки будут плотно налеплены друг к другу, а line-height: 150% - уже дает необходимое разряжение между строками и длинный текст читать станет проще.

3. При верстке старайтесь использовать только те шрифты, которые есть у всех пользователей. Использование нестандартных и редких шрифтов может привести к тому, что пользователь увидит страницу совсем не так, как видите её вы, при этом он может быть разочарован. Автор: Михаил Пестречихин Источник: www. codething. ru/fonts. php
22:01 24.03.2017



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Вкусные рецепты: Рыбные шарики в розмариновом дыму (коптим дома!) В подарок прекрасному Кулинару Виктории passion1963, Закуска из грибов к пиву !!!, Пирог Земляничный

Вкусные рецепты: Рыбные шарики в розмариновом дыму (...

Рыбные шарики в розмариновом дыму (коптим дома!) В подарок прекрасному Кулинару Виктории passion1963Лук почистить и пробить в блендере или натереть на мелкой тёрке, также пробить в блендере рыбное фил...
Вкусные рецепты: Утка запеченая с яблоками и черносливом, Варенье с яблоками, ревенем и имбирем, "Деревенская готика"- колбаса из свиных голов.

Вкусные рецепты: Утка запеченая с яблоками и черносл...

Утка запеченая с яблоками и черносливомУтка готовилась не для пышного застолья,поэтому была начинена с минимумом затрат сил и продуктов.Если едоков недостаточно,а утка весила больше 2 кг,не имеет смыс...
Почему А.С. Пушкин назвал героиню романа «Евгений Онегин» Татьяной?

Почему А.С. Пушкин назвал героиню романа «Евгений Он...

«Итак, она звалась Татьяной». А почему именно Татьяной, а не, скажем, Марией или Натальей? Имя Мария, между прочим, было одним из любимых женских имён Пушкина. Так зовут героинь во многих ...
Летний вечер

Летний вечер

     Был обычный летний день. Он не предвещал ничего особенного, медленно переходя в прохладный вечер. Я зашла в кафе, посидеть наедине со своими мыслями за чашечкой кофе. Я с...
Рейтинг лучших видеорегистраторов 2014

Рейтинг лучших видеорегистраторов 2014

Бюджетный и средний класс. 1) HD DVR 027 (средняя цена 3900 руб. )На протяжении последних нескольких лет именно эта автомобильная камера лидирует по продажам в России. Конечно, большую роль играет нев...
Как остановить запой

Как остановить запой

Существуе несколько способов остановить запой. Самый простой - госпитализация в наркологическую больницу, где в течение нескольких дней человека поднимут на ноги. Но при этом поставят на учет у наркол...
Стоит прочесть

Как выбрать коляску для ребенка старше 4-х месяцев

Когда моему ребенку исполнилось 4 месяца, мы решили сменить нашу «лежачую» тяжеленную ко...

Общебританские и шотландские приколы. К чему надо

Прошлой осенью исполнилась давняя и казавшаяся несбыточной мечта. Шотландия наяву оказалась ещё прек...

Проблемы проживания с соседями или как победить в

Cколько возможностей предоставляет простому провинциалу город. Это перспектива развития, больше зара...

Земляные работы, производимые грамотно и в срок, -

В наше время современные технологии процесса строительства далеко шагнули вперед, здания растут на г...

Особенности надувных кроватей

Надувная кровать – просто необходимая вещь, особенно, если Вы хотите с удобством и достаточно быстро...

Почему половина англичан готова работать бесплатно

Так случилось, что несколько месяцев я провела в Англии. Не в командировке, не в туристической поезд...

Есть ли жизнь на Марсе?

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

КПК: как найти идеальное устройство?

Так называемые "наладонники" - портативные "карманные" компьютеры, - по-прежнему остаются очень попу...

Доктор Хаус - непревзойденный сериал, который прио

Гений. Искатель приключений. Сумасшедший. Доктор Хаус – кто он? Уже в течение семи сезонов поклонник...

Электронная сигарета, как приспособление что испол

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



О информационном портале:

Наш сайт является ресурсом, который включает в себя полный перечень познавательных и занимательных статей. Каждый посетитель отыщет для себя что-нибудь нужное. Адаптированный дизайн дает возможность вам максимально быстро находить подходящую информацию. Самые разнообразные тематические статьи дают возможность вам совершенствоваться в той или иной сфере. Быть более начитанным и грамотным. Современный дизайн сайта позволяет просматривать статьи на всех гаджетах. Теперь отыскать нужную информацию стало просто.

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