Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).
Чтобы сайт в любой операционной системе открывался одинаково, принято в CSS-свойстве font-family
задавать несколько названий шрифтов, перечисленных через запятую.
Последним указывается семейство шрифта, он используется, если в системе ни один из перечисленных не найден.
body {
font-family: шрифт_1, шрифт_2, семейство;
}
Список безопасных шрифтов:
'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;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Georgia
Georgia
–
serif
CSS:
body {
font-family: Georgia, serif;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Arial
Helvetica
Nimbus Sans L
sans-serif
CSS:
body {
font-family: Arial, Helvetica, sans-serif;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Arial Black
Gadget
Nimbus Sans L
sans-serif
CSS:
body {
font-family: 'Arial Black', Gadget, sans-serif;
}
Пример шрифта:
Tahoma не является безопасным шрифтом.
Windows
MacOS
Unix/Linux
Семейство
Tahoma
Geneva
–
sans-serif
CSS:
body {
font-family: Tahoma, Geneva, sans-serif;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Verdana
Geneva
DejaVu Sans
sans-serif
CSS:
body {
font-family: Verdana, Geneva, sans-serif;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Trebuchet MS
Helvetica
Garuda
sans-serif
CSS:
body {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
Пример шрифта:
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;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Impact
Charcoal CY
–
sans-serif
CSS:
body {
font-family: Impact, Charcoal, sans-serif;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Comic Sans MS
Monaco CY
–
sans-serif
CSS:
body {
font-family: 'Comic Sans MS', cursive, sans-serif;
}
Пример шрифта:
Windows
MacOS
Unix/Linux
Семейство
Courier New
Courier
Nimbus Mono L
monospace
CSS:
body {
font-family: 'Courier New', Courier, monospace;
}
Пример шрифта:
Lucida Console не является безопасным шрифтом.
Windows
MacOS
Unix/Linux
Семейство
Lucida Console
Monaco
–
monospace
CSS:
body {
font-family: 'Lucida Console', Monaco, monospace;
}
Пример шрифта: