Читабельность шрифтов на сайте

Немаловажную роль в том, как ваш сайт будет восприниматься пользователями, играет оригинальность и читабельность шрифтов. Причем да этих параметра могут оказаться взаимоисключающими. Иногда начертание шрифта настолько затейливо, что написанный им текст очень сложно воспринимается пользователем. Не спасает ни увеличение кегля (размера букв), ни увеличение интервалов между отдельными буквами и строками.

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

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

В Firefox нужно кликнуть правой кнопкой мыши на текст с нужным шрифтом и в открывшемся контекстном меню кликнуть на пункте «Исследовать элемент». В левом нижнем углу выбираете кнопку «Стиль» и во вкладке «Вычислено» в появившемся окне смотрите шрифты, которые использовались.

шрифт

 Здесь же можно посмотреть и дополнительные настройки шрифта – размер, толщину, курсив, цвет.

Точно также можно вызвать панель со сведениями об исследуемом элементе в Chrome. Тоже правой кнопкой мыши щелкаете на фрагменте текста на сайте, в контекстном меню выбираете вкладку «Просмотр кода элемента». В нижней части страницы появится окно с html-кодом страницы.

шрифты

 Нужно выбрать в левой части меню Elements. В правой части окошка открыть все разделы списка Computed Style. Среди прочих параметров увидите font-family – это и есть название используемого шрифта.

В Opera в контекстном меню, вызываемом правой кнопкой мыши, выбираем «Проинспектировать элемент». В правой части вкладки «Документ» находим «Стили». В поле «Фильтр» нудно указать требующийся нам параметр – font. В списке «Рассчитанный стиль» мы найдем название шрифта.

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

шрифт

 Для этого просто копируете нужный вам текст в Word. Во вкладке «Главная» можно определить шрифт. Теперь вы знайте, как легко можно узнать то что вас интересует.