Стандартные и безопасные шрифты CSS

Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).

Чтобы сайт в любой операционной системе открывался одинаково, принято в CSS-свойстве font-family задавать несколько названий шрифтов, перечисленных через запятую.

Последним указывается семейство шрифта, он используется, если в системе ни один из перечисленных не найден.

body {
	font-family: шрифт_1, шрифт_2, семейство;
}
CSS

Список безопасных шрифтов:

'Times New Roman', Times, serif Съешь же ещё этих мягких французских булок
Georgia, serif Съешь же ещё этих мягких французских булок
Arial, Helvetica, sans-serif Съешь же ещё этих мягких французских булок
'Arial Black', Gadget, sans-serif Съешь же ещё этих мягких французских булок
Verdana, Geneva, sans-serif Съешь же ещё этих мягких французских булок
'Trebuchet MS', Helvetica, sans-serif Съешь же ещё этих мягких французских булок
Impact, Charcoal, sans-serif Съешь же ещё этих мягких французских булок
'Comic Sans MS', cursive, sans-serif Съешь же ещё этих мягких французских булок
'Courier New', Courier, monospace Съешь же ещё этих мягких французских булок

Далее о каждом шрифте подробнее:

Windows MacOS Unix/Linux Семейство
Times New Roman Times Nimbus Roman No9 L serif

CSS:

body {
	font-family: 'Times New Roman', Times, serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Georgia Georgia serif

CSS:

body {
	font-family: Georgia, serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Arial Helvetica Nimbus Sans L sans-serif

CSS:

body {
	font-family: Arial, Helvetica, sans-serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Arial Black Gadget Nimbus Sans L sans-serif

CSS:

body {
	font-family: 'Arial Black', Gadget, sans-serif;
}
CSS

Пример шрифта:

Tahoma не является безопасным шрифтом.

Windows MacOS Unix/Linux Семейство
Tahoma Geneva sans-serif

CSS:

body {
	font-family: Tahoma, Geneva, sans-serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Verdana Geneva DejaVu Sans sans-serif

CSS:

body {
	font-family: Verdana, Geneva, sans-serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Trebuchet MS Helvetica Garuda sans-serif

CSS:

body {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
CSS

Пример шрифта:

Lucida Sans Unicode не является безопасным шрифтом.

Windows MacOS Unix/Linux Семейство
Lucida Sans Unicode Lucida Grande Garuda serif

CSS:

body {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Impact Charcoal CY sans-serif

CSS:

body {
	font-family: Impact, Charcoal, sans-serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Comic Sans MS Monaco CY sans-serif

CSS:

body {
	font-family: 'Comic Sans MS', cursive, sans-serif;
}
CSS

Пример шрифта:

Windows MacOS Unix/Linux Семейство
Courier New Courier Nimbus Mono L monospace

CSS:

body {
	font-family: 'Courier New', Courier, monospace;
}
CSS

Пример шрифта:

Lucida Console не является безопасным шрифтом.

Windows MacOS Unix/Linux Семейство
Lucida Console Monaco monospace

CSS:

body {
	font-family: 'Lucida Console', Monaco, monospace;
}
CSS

Пример шрифта:

26.04.2022
2365

Комментарии

, чтобы добавить комментарий.

Другие публикации

Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
36994
+5
Буквица CSS
Буквица, или инициал – первая буква главы или раздела, выделяется цветом и шрифтом. В CSS есть несколько способов задать стили первой букве...
4826
+1
Расстояние между буквами, строками, ширина табуляции в CSS
Демонстрация возможностей CSS для настройки расстояний между буквами, строками, табуляции и других свойств шрифтов.
11448
+1
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
29423
+32
Генерация счета на оплату PDF PHP
С помощью расширения dompdf можно легко сформировать PDF файл. По сути, dompdf - это конвертер HTML в PDF который...
46643
+29
Список MIME типов
Ниже приведён список MIME-заголовков и расширений файлов.
13269
+4