Блог |
WEB
Выбор шрифта для сайта
06.01.2012 в 03:57:27 |
|
Просмотров: 1391 |
0 ответов
Выбор шрифтов для сайта - очень ответственная часть создания любого интернет-проекта. Обусловлено это тем, что в случае некомфортности для посетителя используемого на сайте шрифта, практически каждый зашедший на такой ресурс скорее всего тут же его и покинет, а не станет напрягать свое зрение. Таким образом, шрифт для сайта необходимо подбирать с учетом его удобства для посетителей. Конечно, определенную роль играют размер и цвет примененного шрифта, но это отдельная тема.
В настоящее время всяких разных шрифтов существует просто неисчислимое множество. И с каждым днем количество этих самых шрифтов растет в геометрической прогрессии. Можно было бы выбрать "суперкрасивый и суперстильный" шрифт, прописать его в стилях сайта и гордится неповторимым дизайном своего проекта. Но, не все так просто. Чтобы каждый посетитель сайта увидел текст именно в задуманном виде, нужно, чтобы используемый шрифт стоял и на его компьютере. Ведь браузер отображает только те шрифты, которые установлены на компьютере конкретного пользователя. Прописанный в стилях сайта шрифт является только командой для операционной системы пользователя на использование указанного шрифта. А если его нет на компьютере, то текст отразится шрифтом, установленным в браузере пользователя по умолчанию. Но такой вариант отобразит сайт уже не в задуманном его создателем виде. Именно по этой причине применять на сайтах рекомендуется стандартные шрифты.
Стандартные шрифты - это те шрифты, которые входят в состав операционной системы, установленной на компьютере пользователя. Таким образом, выбор шрифтов для создания сайта не так уж и велик. На случай, если вдруг у кого-то из посетителей не окажется указанного при создании сайта шрифта, необходимо прописывать несколько дополнительных стандартных шрифтов вдобавок к основному.
Использование списка из нескольких шрифтов имеет и еще одну причину: пользователями используются различные Операционные Системы и, соответственно, наборы стандартных шрифтов, имеющихся на их компьютерах, тоже разные. Основными операционными системами можно выделить OS Windows, Mac OS, Unix/Linux. Mac OS, в свою очередь, имеет две значительно отличающихся друг от друга в плане стандартных шрифтов конфигурации.
Какой шрифт использовать на сайте?
При создании сайта подбирается стандартный шрифт из линейки OS Windows, к нему подбирается похожий из Mac OS, потом аналогично подбирается шрифт из Unix/Linux. Выбранные шрифты пишутся через запятую. При этом шрифт, название которого состоит из нескольких слов, заключется в кавычки. Получившаяся строка содержит стандартные, называемые еще "безопасные", шрифты и является безопасной линейкой шрифтов.
В CSS шрифты задаются следующим образом:
body {font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;}
Эта строка говорит о том, что основным является шрифт Arial, который имеется у всех пользователей OS Windows и многих пользователей Mac OS. Страница отобразится именно этим шрифтом. Если у пользователя Mac OS нет данного шрифта, то страница отобразится стандартным шрифтом Helvetica CY. А вот практически у всех пользователей Unix/Linux сайт отобразится шрифтом Nimbus Sans L. Малая часть пользователей Unix/Linux, у которых этого шрифта нет, увидят сайт, на котором будет шрифт с засечками, установленный в браузере по умолчанию.
Для отображения текста на сайте с учетом кириллицы и различных операционных систем используются безопасные линейки шрифтов (так называемые "Шрифтовые CSS стеки"), включающие основные стандартные шрифты OS Windows, Mac OS, Unix/Linux:
1. Arial
2. Arial Black
3. Comic Sans MS
4. Courier New
5. Georgia
6. Impact
7. Lucida Console
8. Lucida Sans Unicode
9. Palatino Linotype
10. Tahoma
11. Times New Roman
12. Trebuchet MS
13. Verdana
2. Arial Black
3. Comic Sans MS
4. Courier New
5. Georgia
6. Impact
7. Lucida Console
8. Lucida Sans Unicode
9. Palatino Linotype
10. Tahoma
11. Times New Roman
12. Trebuchet MS
13. Verdana
Используемые при создании сайтов шрифты делятся на группы, называемые "Семейства шрифтов". Существуют три семейства шрифтов:
1. serif. Шрифты Serif (это такие, как Georgia или Garamond) имеют небольшие линии (засечки) на концах букв.
Пример:
Шрифт с засечками serif.
2. sans-serif. У шрифтов Sans-serif (к ним относятся Arial или Verdana) засечки отсутствуют.
Пример:
Шрифт без засечек sans-serif.
3. monospace. У шрифтов Monospace (например, Courier) ширина букв одинакова.
Пример:
Шрифт с одинаковой шириной букв monospace.
В таблице стилей CSS безопасные линейки шрифтов будут выглядеть следующим образом:
{font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;}
{font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L", sans-serif;}
{font-family: "Comic Sans MS", "Monaco CY", cursive;}
{font-family: "Courier New", "Nimbus Mono L", monospace;}
{font-family: Georgia, "Century Schoolbook L", Serif;}
{font-family: Impact, "Charcoal CY", sans-serif;}
{font-family: "Lucida Console", Monaco, monospace;}
{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
{font-family: Tahoma, "Geneva CY", sans-serif;}
{font-family: "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;}
{font-family: "Trebuchet MS", "Helvetica CY", sans-serif;}
{font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;}
На странице сайта текст, оформленный этими шрифтами, будет выгладеть так:
Линейка font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif:
Заголовок для Arial, Helvetica CY, Nimbus Sans L, sans-serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif:
Заголовок для Arial Black, Helvetica CY, Nimbus Sans L, sans-serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Comic Sans MS", "Monaco CY", cursive:
Заголовок для Comic Sans MS, Monaco CY, cursive.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Courier New", "Nimbus Mono L", monospace:
Заголовок для Courier New, Nimbus Mono L, monospace.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: Georgia, "Century Schoolbook L", Serif:
Заголовок для Georgia, Century Schoolbook L, Serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: Impact, "Charcoal CY", sans-serif:
Заголовок для Impact, Charcoal CY, sans-serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Lucida Console", Monaco, monospace:
Заголовок для Lucida Console, Monaco, monospace.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif:
Заголовок для Lucida Sans Unicode, Lucida Grande, sans-serif;.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif:
Заголовок для Palatino Linotype, Book Antiqua, Palatino, serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: Tahoma, "Geneva CY", sans-serif:
Заголовок для Tahoma, Geneva CY, sans-serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif:
Заголовок для Times New Roman, Times CY, Nimbus Roman No9 L, serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: "Trebuchet MS", "Helvetica CY", sans-serif:
Заголовок для Trebuchet MS, Helvetica CY, sans-serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Линейка font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif:
Заголовок для Verdana, Geneva CY, DejaVu Sans, sans-serif.
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 и знаки - . : , ; ( * ! ? " ).
Нередко верстальщиками используются стандартные шрифты, не являющиеся безопасными. К таким относятся шрифты, включенные не во все версии определенной операционной системы или входящие в стандартную комплектацию повсеместно используемых программных комплексов, таких как Microsoft Office. В вышеуказанных линейках к этим шрифтам относятся Tahoma и Palatino Linotype. В этом случае необходимо правильно составлять линейку шрифтов для корректного отображения текста у всех пользователей. Правильно составленная для таких шрифтов линейка расширяет список используемых шрифтов при дизайне сайтов. Но, использование такого варианта должно стать скорее исключением, чем правилом.
обсудить на форуме |
1391 визит ↳ 0 ответов | Ваше мнение о материале | Голосовало: |
