школа по созданию сайтов





Шрифты для сайта

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

Какой шрифт сайта лучше использовать? На многих сайтах используется шрифт "Times New Roman", однако для Интернета оптимальным является использование шрифтов без засечек (для лучшего восприятия текста с экрана), например, часто применяются популярный шрифт Arial, а также Helvetica. Однако, если шрифт сайта без засечек, то у него также могут быть недостатки, в частности, трудно различимые некоторые буквы.

шрифты для сайта

Здесь приведены одни из самых популярных шрифтов. Если название шрифта состоит из нескольких слов через пробелы, то его следует заключать в кавычки. Рекомендую использовать для статей шрифты: «Times New Roman» и Arial. Для заголовков обычно лучше использовать шрифты Arial и Verdana. Но, конечно, шрифт сайта в конкретном случае может быть и другим. На листингах приведены примеры подключения шрифтов:




< html >
< head >
< title > Заголовок html-страницы < /title >

< link href="../css/docStyle.css" 
rel="stylesheet" type="text/css" / >

< /head >
< body >

< h1 > Заголовок статьи < /h1 >

< p > первый абзац статьи, в котором 
используется редактируемый шрифт сайта < /p >

< p > второй абзац статьи, в котором 
используется редактируемый шрифт сайта < /p >

 < /body >
< /html >

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


/* Стили CSS (docStyle.css) */

/* Стили шрифта Заголовков */
h1, h2 {
/* гарнитура, шрифт */
font-family: Arial, sans-serif; 
/* цвет и размер шрифта */
color:#6666ff; font-size: 24px; 
/* стиль и начертание шрифта */
font-style: normal; font-weight: bold; 
text-indent: 0px; /* отступ абзаца */ 
line-height: 22pt; /* интервал абзаца */
}

Цвет и размер шрифта для сайта имеют также большое значение. Обратите внимание, что если кегль (высота) шрифта очень маленький или шрифт сайта не контрастен по отношению к фону, то такая страничка может рассматриваться как СПАМ и попасть под фильтр АГС. Рекомендую использовать шрифт сайта не менее 10pt и обязательно контрастный.


/* Стили CSS (docStyle.css) */

/* Стили шрифта абзацев */
p {
/* гарнитура, шрифт */
font-family: Arial, sans-serif; 
/* цвет и размер шрифта */
color:#000; font-size: 16px; 
/* стиль и начертание шрифта */
font-style: normal; font-weight: normal; 
text-indent: 20px; /* отступ абзаца */ 
line-height: 15pt; /* интервал абзаца */
}

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




по созданию сайтов

© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2013 гг.