Безопасные (стандартные, системные) шрифты для верстки

Безопасные (стандартные, системные) шрифты для верстки HTML, CSS

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

Стоит заметить что абсолютно 100% поддерживающихся шрифтов во всех ОС не существует, тем не менее, есть список «безопасных» шрифтов, основой для которого послужили шрифты из ОС Windows, которые присутствуют и в других операционных системах. Далее в статье представлены наборы шрифтов, с указанием семейства в конце.

Разберем как работает инструкция по заданию шрифта на примере следующего значения:

font-family: "Times New Roman", Times, serif;

Здесь задается шрифт "Times New Roman", так как название состоит из нескольких слов, то оно берется в кавычки. Если шрифт "Times New Roman" в системе отсутствует, то будет применен шрифт Times, если же и он отсутствует, то система применит любой шрифт из семейства serif.

Шрифты с засечками — serif

font-family
Georgia, serif
«Palatino Linotype», «Book Antiqua», Palatino, serif
«Times New Roman», Times, serif
Безопасные (системные) шрифты с засечками

Шрифты без засечек — sans-serif

font-family
Arial, Helvetica, sans-serif
«Arial Black», Gadget, sans-serif
«Comic Sans MS», cursive, sans-serif
Impact, Charcoal, sans-serif
«Lucida Sans Unicode», «Lucida Grande», sans-serif
Tahoma, Geneva, sans-serif
«Trebuchet MS», Helvetica, sans-serif
Verdana, Geneva, sans-serif
Безопасные (системные) шрифты без засечек

Моноширинные шрифты — monospace

font-family
«Courier New», Courier, monospace
«Lucida Console», Monaco, monospace
Безопасные (системные) моноширинные шрифты