Нонче тут

Сейчас 86 гостей онлайн

Поиск

Поиск от Nigma

2


Поиск от Яндекс

Счётчики

Яндекс.Метрика

Проверка тиц

ВКонтакте

На этом сайте мы рассматривали: стандартные шрифты Windows ХР, css свойства шрифтов, даже два раза- подробнее некуда, подбирали списки шрифтов для font-family , но так до сих пор и не выяснили что и в каком количестве выбрать из всего многообразия шрифтов.

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

Шрифт это основа сайта.

Графика, различные менюшки, примочки, навороты и т.д. - не самое ценное на вашем сайте.

Человек приходит на ваш сайт прежде всего за информацией. И если не удастся её получить, просто перейдёт на другой сайт.
Помните об этом. Так что оптимальное количество шрифтов на сайте два, три.
Один для основного текста, другой для заголовков, третий для рекламы или ссылок.
Если вы публикуете на сайте фрагменты кодов, то вам понадобится ещё и моноширинный шрифт

Как же выбрать шрифт для основного текста?

Шрифт основного текста должен прекрасно читаться.
Что для этого надо сделать?
Во-первых подобрать размер шрифта. Текст на сайте должен хорошо читаться на расстоянии вытянутой руки - это примерно 13 - 16 рх. Это, конечно, в идеале.
На деле же на многих сайтах используется шрифт и 11 и 10, даже 8 рх.
Вот это уже для микроскопов и луп. Так что не плодите муравьёв, делайте чуток крупнее. Даже если это не очень сочетается с дизайном.
Помните, люди не должны положить на полку глаза от шрифтов вашего сайта.
Но и слишком крупный шрифт это тоже не есть разумно. А то будет одна буква как два слона.
Точный размер шрифтов, к сожалению, я вам указать не могу. Так как разные шрифты с одним размером отображаются браузером по разному.

Во-вторых, правильно подобрать цвет шрифта и фона. Желательно шрифт делать темнее фона. Так как к примеру белый текст на чёрном фоне читать довольно тяжело, ровно как и черный на белом
Если не можете выбрать, то используйте классику -#333 и для чёрного фона #EFEFEF или #cccccc
Этот немного помягче и немного легче читается.

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

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

Пугало лесное получается.

Тут я конечно опять утрирую, но ведь наверное тоже встречали такие сайты, или что то подобное?

Ну и в-третьих большую роль играет и сам шрифт. Вот несколько основных - Georgia, Arial, Verdana.
Times New Roman
- этот шрифт используется в браузерах по умолчанию.
Дальше выбирайте на свой вкус. Метод антинаучного втыка тут подойдёт
Подкину несколько советов:

  • Если собираетесь использовать наклонный шрифт, то лучше выбрать - Georgia.
    Этот шрифт красиво смотрится и легко читается.
  • Если таки собираетесь помельчить, вас спасёт шрифт Verdana.
    У него расстояние между буквами большое, поэтому мелкий он читается легче.
  • Если затрудняетесь с выбором, используйте классику - Arial, Arial Narrow или Tahoma
    Так как у Arial расстояние между буквами маленькое- он прекрасно подходит для меню.

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

font-family: 'Century Gothic', Futura, 'Trebuchet MS', Trebuchet, 'Apple Gothic', AppleGothic, 'URW Gothic L','Avant Garde', Helvetica, sans-serif; font-size: 13px;

для ссылок

font-family: 'Lucida Grande',Arial,Tahoma,Geneva,sans-serif; font-size: 12px;

для фрагментов кода моноширинный

font-family: 'Courier New', Courier,'Lucida Console', monospace; font-size: 13px;

Ещё одна подборка записай для font-family с картинками
подборка  font-family для шрифта Times{
  font-family:Times, 'Times New Roman', Cambria, 'Hoefler Text',
Utopia, 'Liberation Serif', 'Nimbus Roman No9 L Regular',serif;
}

подборка  font-family для шрифта Georgia{
  font-family: Georgia, Constantia, 'Lucida Bright', Lucidabright,
'Lucida Serif', Lucida, 'DejaVu Serif,' 'Bitstream Vera Serif',
'Liberation Serif', serif;
}

подборка  font-family для шрифта Garamond{
  font-family: Garamond, Georgia, 'Book Antiqua','Bookman Old Style',
 'Palatino Linotype', Palatino, Palladio, 
'URW Palladio L', Baskerville,  'Bitstream Charter', 'Nimbus Roman No9 L',
 'Apple Garamond', 'ITC Garamond Narrow','New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', serif;
}

подборка  font-family для шрифта Arial{
  font-family: Arial, Tahoma, Geneva, 'Helvetica Neue', Helvetica,Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', sans-serif;
}

подборка  font-family для шрифта Verdana{
  font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Corbel,'Bitstream Vera Sans', 'Liberation Sans', 'Verdana Ref', sans-serif;
}

подборка  font-family для шрифта Trebuchet{
  font-family:Trebuchet, 'Trebuchet MS','Segoe UI', Candara, 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, 'Verdana Ref', sans-serif;
}

подборка  font-family для шрифта Impact{
  font-family: Impact, 'Arial Black', Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', sans-serif;
}

подборка  font-family для шрифта Monospace{
  font-family:'Courier New', Courier, Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, monospace;
}

Уважаемые гости сайта! Теперь Вы можете ознакомиться с новостями сайта в социальных сетях.
Новости сайта публикуются в Facebook, ВКонтакте, Blogspot и Мой мир и Twitter .
Что бы перейти к аккаунтам просто кликните на иконках социальных сетей.