»

 Будь в курсе событий:

vibiraem bezopasniy shrift

Выбираем безопасный шрифт
Выбираем безопасный шрифт

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

Выбираем безопасный шрифт

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

Статья взята с популярного интернет ресурса "Великая Эпоха" (The Epoch Times).

Часть 1. Самый безопасный шрифт

"Длительное использование компьютера может привести к развитию так называемого «синдрома компьютерного зрения» (Computer Vision Syndrome). Он проявляется такими симптомами, как временная близорукость, дисфункция глазных мышц, снижение чувствительности зрения, жжение в глазах и другими. Согласно статистике, синдром компьютерного зрения выявляется у 60 - 90% постоянных пользователей компьютеров. Однако существуют факторы, снижающие неблагоприятное действие компьютера на глаза. Например, использование правильного компьютерного шрифта. Ученые пришли к мнению, что при чтении текстов, набранных шрифтом Verdana, глаза испытывают наименьшее напряжение. Этот шрифт был разработан в 1996 году художником Мэттью Картером для корпорации Microsoft. Особенностью Verdana является отсутствие засечек букв и их увеличенный за счет межстрочного интервала размер. Кроме того, руководитель исследований профессор оптометрии Джим Шиди (Jim Sheedy) считает, что важным является и размер шрифта: «Если размер текста в три раза меньше, чем ваш пороговый размер, то вам придется напрягаться, чтобы прочитать его». Идеальным размером компьютерного шрифта исследователи считают - 10-12 пунктов."

 

www.epochtimes.ru

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

 

Дело в том, что если вы хотите использовать все же Verdana, как основной шрифт вашего сайта, то вам необходимо в настройках админки CMS Jimdo выбрать вкладку Стиль и в разделе Шрифт выбрать вид шрифта, размер, а так же межстрочный интервал. Как видите, ничего сложного здесь нет.

Часть 2. Выбираем подходящий шрифт

Но есть все же один нюанс и заключается он в том, что к примеру вам необходимо внедрить другое семейство шрифта в определенную часть контента. Что нужно делать в таком случае? 

Windows
Mac OS
Unix / Linuks
Родовое семейство
Arial Black
Helvetica CY
Nimbus Sans L
Sans-serif
Arial
Helvetica CY
Nimbus Sans L
Sans-serif
Comic Sans MS
Monaco CY
* (см. ниже)
cursive
Courier New * (см. ниже) Nimbus Mono L
Monospace
Georgia * (см. ниже)
Century Schoolbook L
Serif
Impact Charcoal CY * (см. ниже)
Sans-serif
Times New Roman Times CY Nimbus Roman No9 L Sserif
Trebuchet MS Helvetica CY * (см. ниже) Sans-serif
Verdana Geneva CY DejzVu Sans Sans-serif 

* родных кириллических эквивалентов Windows шрифта у операционной системы не имеется. Но в то же время есть большая вероятность, что в операционной системе установлен непосредственно этот шрифт.

 

Например, если основным текстом сайта является Arial, находим в табличке этот шрифт и в CSS пишем соответствующую ему строчку:

css
body {
font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

Часть 3. Дополнительные шрифты

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

Windows
Mac OS
Родовое семейство
Lucida Console
Monaco
Monospace
Lucida Sans Unicode
Lucida Grande
Sans-serif
Tahoma
Geneva CY
Sans-serif

Часть 4. Если вы не используете кириллицу

Если ваш контент написан на английском языке, то лучше пользоваться данной таблицей:

Windows
Mac OS
Unix / Linuks
Родовое семейство
Arial Black
Gadget
Nimbus Sans L
Sans-serif
Arial
Helvetica
Nimbus Sans L
Sans-serif
Comic Sans MS
Monaco
TSCu_Comic
cursive
Courier New Courier
Nimbus Mono L
Monospace
Georgia * (см. ниже)
Century Schoolbook L
Serif
Impact Charcoal Rekha
Sans-serif
Times New Roman Times Nimbus Roman No9 L Sserif
Trebuchet MS Helvetica Garuda Sans-serif
Verdana Geneva DejzVu Sans Sans-serif 

* родных кириллических эквивалентов Windows шрифта у операционной системы не имеется. Но в то же время есть большая вероятность, что в операционной системе установлен непосредственно этот шрифт.

Для шрифтов Arial, Courier New и Times New Roman при составлении линеек лучше указывать сначала шрифт для Unix/Linux, а затем для Mac OS. Это связано с некоторой кривостью набора Linux шрифтов X11 core fonts set.

Часть 5. В том случае, когда вы ставите эксперименты

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

Windows
Mac OS
Unix / Linuks
Родовое семейство
Lucida Console
Monaco
-
Monospace
Lucida Sans Unicode
Lucida Grande
Garuda
Sans-serif
Palatino Linotype
Palatino
** Garuda
Sans-serif
Tahoma Geneva Kalimati
Sans-serif

** в данной линейке шрифт Garuda имеет смысл ставить перед Palatino (см. пояснение выше).

 

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

Часть 6. Шрифтовые CSS стеки

Список безопасных CSS стеков (без учета кириллицы):

css
font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L", sans-serif;
font-family: Arial, "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: 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;

Список безопасных CSS стеков (с учетом кириллицы):

css
font-family: "Arial Black", Gadget, "Nimbus Sans L", sans-serif;
font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
font-family: "Comic Sans MS", Monaco, TSCu_Comic cursive;
font-family: "Courier New", "Nimbus Mono L", Courier, monospace;
font-family: Georgia, "Century Schoolbook L", Serif;
font-family: Impact, Charcoal, Rekha, sans-serif;
font-family: "Lucida Console", Monaco, monospace;
font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
font-family: Tahoma, Geneva, Kalimati, sans-serif;
font-family: "Palatino Linotype", Garuda, Palatino, sans-serif;
font-family: "Times New Roman", "Nimbus Roman No9 L", Times, serif;
font-family: "Trebuchet MS","Nimbus Sans L", Helvetica, sans-serif;
font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;


Надеюсь, что урок был полезен для вас и вы поняли, как правильно использовать шрифты.

Оставить комментарий

Комментарии: 0