Уголок веб-разработчика

сайт для веб-мастеров и веб-разработчиков
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
  • Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта


Реклама на сайте
как разместить свою рекламу?



Что нового в блоге?



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

Автор:
Источник: /fonts.php

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

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

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


Хотите поделиться своими соображениеями о верстке шрифтов? - Пишите нам:






Жаждете романтики, но не знаете с кем поделиться этим? Наша платформа на https://bg.intim-gid.com поможет вам обрести душевное утешение. | Познакомьтесь с привлекательными и чарующими девушками на сайте https://cher.intim-gid.com – ваш шанс найти истинную любовь в Череповце! | Сделай первый шаг к новым знакомствам с привлекательными девушками на https://abakan.feixxx.net уже сегодня! | Ваше сердце жаждет приключений? Отправляйтесь в захватывающий мир знакомств с прекрасными девушками на https://himki.intim-gid.com и откройте новые горизонты любви! | Готовы окунуться в захватывающий мир знакомств? Приглашаем вас на сайт знакомств в Ханты Мансийске: https://hm.intim-gid.com! Испытайте прилив эмоций уже сейчас. | Жизнь полна приятных сюрпризов, а ваше ближайшее свидание может оказаться самым чудесным благодаря https://kamsk.intim-gid.com - месту, где вы найдете пару вашей мечты. | Мы приглашаем вас посетить https://klin.intim-gid.com и познакомиться с очаровательными девушками Клина. | Заводите новые знакомства на https://kzn.intim-gid.com и откройте для себя всю красоту романтики в Казани. | Покоряйте сердца красавиц из Коврова на https://kovrov.feixxx.net и переплетите свою судьбу со страничками романтики! | Ищите романтику? Вам нужно посетить https://nsk.intim-gid.com - это лучшее место для знакомства с потрясающими девушками из Новосибирска! | Не упустите свою возможность найти идеальную половинку в Люберцах - https://lp.feixxx.net ждет вас! | Сайт https://ram.feixxx.net - лучший способ найти тысячи потенциальных партнеров для знакомств! | Запустите свою любовную историю в Ухте прямо сейчас - всего лишь один клик на https://uhta.intim-gid.com отделяет вас от захватывающих свиданий.

© 2008 - 2022 :: Codething.ru
При перепечатке и копировании статей с сайта указание автора и URL статьи обязательно!
Программный код, приведенный в статьях в качестве примеров, можно использовать без каких-либо ограничений.
Работоспособность, надежность и безопасность программного кода из примеров не гарантируется.