В фейсбуке  В гугле  В твиттере  В контакте  В яндоксе
         

Каталог статей

Главная » Статьи » Мои статьи

Какой шрифт использовать на сайте?


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

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

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

Используемые при создании сайтов шрифты делятся на группы, называемые "Семейства шрифтов". Существуют три семейства шрифтов:

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 и знаки - . : , ; ( * ! ? " ).


Линейка 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 и знаки - . : , ; ( * ! ? " ).


Линейка font-family: "Comic Sans MS", "Monaco CY", cursive:
Заголовок для Comic Sans MS, Monaco CY, cursive.

Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 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 и знаки - . : , ; ( * ! ? " ).


Линейка font-family: Georgia, "Century Schoolbook L", Serif:
Заголовок для Georgia, Century Schoolbook L, Serif.

Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 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 и знаки - . : , ; ( * ! ? " ).


Линейка font-family: "Lucida Console", Monaco, monospace:
Заголовок для Lucida Console, Monaco, monospace.

Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 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 и знаки - . : , ; ( * ! ? " ).


Линейка font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif:
Заголовок для Palatino Linotype, Book Antiqua, Palatino, serif.

Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 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 и знаки - . : , ; ( * ! ? " ).


Линейка 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 и знаки - . : , ; ( * ! ? " ).


Линейка font-family: "Trebuchet MS", "Helvetica CY", sans-serif:
Заголовок для Trebuchet MS, Helvetica CY, sans-serif.

Шрифт — это графическая форма знаков алфавитной системы письма. Шрифт является носителем информации и средством воспроизведения текста в книге, журнале, газете или любом другом произведении печати. Основным назначением шрифта предполагается передача содержания посредством чтения. В состав шрифтов, кроме непосредственно самих букв, входят цифры - 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 и знаки - . : , ; ( * ! ? " ).

какие шрифты относятся к гельветика

Нередко верстальщиками используются стандартные шрифты, не являющиеся безопасными. К таким относятся шрифты, включенные не во все версии определенной операционной системы или входящие в стандартную комплектацию повсеместно используемых программных комплексов, таких как Microsoft Office. В вышеуказанных линейках к этим шрифтам относятся Tahoma и Palatino Linotype. В этом случае необходимо правильно составлять линейку шрифтов для корректного отображения текста у всех пользователей. Правильно составленная для таких шрифтов линейка расширяет список используемых шрифтов при дизайне сайтов. Но, использование такого варианта должно стать скорее исключением, чем правилом.
Категория: Мои статьи | Добавил: wweebb (22.11.2011)
Просмотров: 11133 | Рейтинг: 4.9/8
Восприятие дизайна
Успех во многом зависит от восприятия запоминающегося дизайном сайта, посетителями. Я считаю, что человеческий мозг — это площадка для ведения конкурентной борьбы. “Не нужно забывать, что сознание избирательно относится к поступающей информации: легко воспринимает уже знакомые факты и отбрасывает то, что не соотносится с его предыдущими знаниями и опытом.” Людям сложно запомнить 10 заповедей. Что уж говорить об интернет сайтах, если они занимают в сознании не первое и не второе место. У каждого посетителя существует внутренний рейтинг сайтов каждого дизайна по своему. Я этот рейтинг называю “визуальной лестницей”. Подниматься по такой “лестнице” сайту очень сложно, особенно если не используется стратегия позиционирования. Позиционировать продукт необходимо, отталкиваясь от информации о конкурирующих сайтов, знакомых потребителю.
Стратегия сайта
Человеческое сознание с трудом воспринимает сложные и запутанные идеи. Приведем пример о компании BMW. Переработав идею конкурента — компании Mercedes, которая заявляла о комфортабельности своих машин, BMW сообщила, что ее авто больше подходят для езды, чем для сидения. Тем самым была дискредитирована идея Mercedes. Это один из примеров изменения восприятия потребителей. Частная студия вебмастера «WebMasterSeo» проанализировала работу своих конкурентов и выявила у них определенные слабые места, такие как высокая цена на сайт и Хостинг от uCoz, большие сроки изготовления сайта. Поэтому при разработке своих сайтов Я отказался от всего, что могло бы усложнить разработку сайта. К тому же я смог снизить стоимость сайта и добавил дополнительные модули в базовый пакет. В результате, заказчик получает необходимые услуги и остается довольным, что сделало меня лидером по созданию дешевых сайтов за короткие сроки.
Макросреда компании
Макросреда компании – факторы наиболее общего воздействия, оказывающие влияние на каждую организацию, ведущую маркетинговую деятельность. Данные факторы могут открывать для кампании новые возможности или же стать источником серьезных угроз, на них практически невозможно воздействовать, но их воздействие необходимо учитывать и предугадывать. Макросреда большинства компаний в настоящее время может рассматриваться в составе следующих основных компонентов: экономическая среда, политико-правовая среда, культурная и демографическая среда.


 
доступный сайт 
  Быстро и недорого создам сайт.
  Сайт визитка за один день.
 

доступный сайт
  Доступный сайт для бизнеса.
  Сайт визитка за 10 000 руб.
доступный сайт
  Оптимальное продвижение сайта.
  Вывод в топ Яндекса от трех недель
 



    Торговую марку "WebMasterSeo" представляет ООО "WebMaster Design"

    Студия WebMasterSeo - Частная студия веб мастера (Россия, Москва)
    Создание сайтов. Разработка сайтов. Изготовление веб сайтов.
    Заказать сайт онлайн. Веб-студия web-ms, Москва, Балашиха, Реутов
    Железнодорожный, Кучино, Мытищи, Щелково, Красноармейск.




Адрес: г. Москва, ул. 9-Парковая, д.59. корп.1

Тел.: 8 (926) 222-22-22, Сайт: web-ms.ru
E-Mail: info@web-ms.ru
Служба поддержки: info@web-ms.ru
Онлайн-поддержка: Отвечу сразу


8 (926) 222-22-22