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

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

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

Исторически сложилось, что в интернете чаще всего встречаются шрифты без засечек – т. е. без декоративных элементов, расположенных на концах букв. Примерами шрифтов без засечек являются 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. При верстке старайтесь использовать только те шрифты, которые есть у всех пользователей. Использование нестандартных и редких шрифтов может привести к тому, что пользователь увидит страницу совсем не так, как видите её вы, при этом он может быть разочарован.
Автор: Михаил Пестречихин Источник: http://www. codething. ru/fonts. php

Автор статьи: неизвестный | Дата публикации: 15:49 14.12.2016 Wellnow.Ru




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

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



Актуальные вопросы о продвижении вэб сайтов

Актуальные вопросы о продвижении вэб сайтов


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


Как правильно поститься?

Как правильно поститься?


Посты известны с ветхозаветных времен. Так, чтобы получить Божественное откровение, пророки непременно постились. Постился Моисей, постились царь и пророк Давид, постился пророк Илия. В Новом Завете п...


Шильдики, таблички и особенности заказчиков

Шильдики, таблички и особенности заказчиков


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


Торговый бизнес в условиях кризиса

Торговый бизнес в условиях кризиса


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


Программное обеспечение Линукс для web-мастера

Программное обеспечение Линукс для web-мастер...


Работа с удаленными файлами Php-редакторы как под Windows, так и под Linux поддерживают работу с файлами через ftp. Как правило, редакторы работают по ftp так: файл скачивается с сервера, помещался во...


Квартиры посуточно в Красноярске

Квартиры посуточно в Красноярске


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


Популярное

Астрология. Добродетели и Грехи Рыб

Добродетель Рыб - Высшая духовность и милосердие, грех Рыб - соблазны и пороки. Высшие Рыбы - Душа, низшие Рыбы - плоть.Идея Знака Зодиака Рыбы - это идея тайны, всего потаенного, скрытого. Низкодухов...

«День честности» 2 апреля. Кто его придумал?

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

Бриллиантовый шоппинг-тур в Кейптауне.

Бриллиантовый шоппинг-тур Желаете узнать как изготавливаю...

Как выбрать день для того, чтоб начать новую жизнь

«Займусь спортом в понедельник», «брошу курить после сдачи отчета», «начну правильно питаться после выходных» — как часто слышим мы эти фразы? А как част...

Вкусные рецепты: salat "BEF", Торт "

salat "BEF"Kartowky, ogyrcu, i kolbasky narezaem wellnow.ru ostol6nue ingredientu i xorowen6ko vse peremewuvaem. perhika mojno wellnow.ru poxoj na "oliv6e" no... on xorow tem wto vnem net iaic (y kogo...

Достопримечательности Франции: куда отправиться ту

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

Каждый десятый турист вынужден проводить отпуск бе

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

Новое обучение в школе

Интересные уроки.В школе учат, учат и тут в сказке навалились – не хочу.Вовка в тредевятом царствеНе хочу учится, а хочу женится …Спрашивали ли вы своего ребенка интересно ли ему учиться в школе?Кажды...

Геморрой

ГЕМОРРОЙ - это варикозное расширение вен в области заднего прохода, которое развивается более чем у 50% взрослого населения. Появлению геморроя способствует употребление пищи с малым содержанием клетч...

Когда встретиться с русалкой?

19 июня по древнеславянскому календарю начинались Русалии, Русалья неделя, во время которой, по поверьям, можно было встретится с русалками. История хранит множество сведений об этих необычных су...

О портале:

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

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