Шрифты на сайте - 2

Рейтинг: +1 Голосов: 1 6954 просмотра
Шрифты на сайте - 2

 

Вторая часть статьи  о работе со шрифтами на сайте. Первая находится здесь.

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

                                                                        Стили шрифта

 
normal - обычный вид текста;
italic - стиль теста с курсивным видов;
oblique - наклонный вид текста, разница между курсивным италиком и наклонным есть, она заключается в том, что при наклоне, просто идет наклон обычного текста а при курсивном соотвественно меняется вид, становится похожим на рукописный;  
 
Этот момент достаточно простой, да собственно при работе со шрифтом все просто, если немного почитать. Здесь я не открываю нового, просто собрал в кучу информаци, которая может пригодиться.
 
 

                                                                           Размеры шрифтов

 
Для нормального позиционирования на сайте информации, важно чтобы размер шрифта был связан с обьемом текста который имеется на странице, когда его очень много, или присутствует несколько рядов позиций, не  очень красиво, когда большой размер, хотя и размер не должен быть маленьким. Например одним из советов для избежания отказов посетителей от просмотра сайта является увеличение размера шрифта, так как люди за компьютером достаточно устают за день  и шрифт не должен быть слишком маленьким, напряжение для глаз вызывает негатив и посетитель уходит.
Итак допустимые размеры шрифтов на сайте могут указываться: 
 
% (в процентах, относительная величина);
cm (в сантиметрах, абсолютная величина);
em (высота символа данного шрифта, отн. в-на);
ex (высота символа "х" данного шрифта, отн. в-на);
in (дюйм, абс. в-на);
mm (миллиметр, абс. в-на);
pc (цицеро, абс. в-на);
pt (точка, абс. в-на);
px (пиксел, абс. в-на)
 
Лучше не указывать абсолютные величины шрифтов, желательно также на сайте дать пользователю возможность изменить шрифты, так как зрение у каждого разное.
 
Примеры шрифтов, которые я использовал.
 
font-family:"Trebuchet MS", Garamond, Georgia, Verdana, Arial;
font-size:10pt;
 
font-family: Arial,"Trebuchet MS", Garamond, Georgia, Verdana;
font-size:10pt;
 
                                          И немного советов по шрифтам
 
- Не используйте абсолютные размеры шрифтов. То что писалось выше о зрении.
 
- Размер шрифта не должен быть слишком маленьким изначально, как минимум  от 10 точек.
 
- Графический текст должен быть более большим чем текст обычного вида
 
- Контраст между фоном страницы и цветом текста должен быть подобран в первую очередь для удобства чтения. Под текст не надо подкладывать фон, который состоит из рябящих видов и мешает читать. 

Похожие статьи:

Секреты CSSНастраиваем шрифты на сайте

Seo статьиПравильная работа с InstantVideo на сайте

Как создавать сайтЗаработок на сайте. Реальность и ожидания.

Комментарии (1)
Сергей #
Рейтинг: 0
Спасибо за информацию. И немного советов по юзабилити: Не делайте подчеркнутым то, что не является ссылкой, это может ввести в заблуждение. Спасибо.

Голосуем

Самый нужный компонент